%PDF-
%PDF-
Mini Shell
Mini Shell
GVariant L (� " " " " " " # # # # # $ $ & & & & ( ) * - 0 0 2 3 4 4 6 7 9 ; ; ; < < B E F J K M M N R R S V V V V Y Z Z Z [ [ \ \ ] _ _ ` a d f j l m p r r t t t u w w x x x y z | | | ~ ~ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � @�,�� L v h � F �X � v 8� �� K�"X �� v �� �E_ X " v 8 � �**�� � v � L� %w!З L� v h� � s�tX � v (� �I
s��X �I
v J
NO
]�j� NO
" v pO
�8 KP� ' �8 L �8 �8 ��X �8 v �8 g= Uh��X g= v �= �? � ~VX �? v �? >E �4֭� >E v `E n H
��X n v �n �p _���X �p v �p ,s 6ȣ�X ,s v @s �u b�X �u v �u �z ? C X �z v { O ��?�X O v p �� ud�jX �� v � �# eX � v 8� �� ��/X �� % v �� � :�uoX � v 8� ~� ��� X ~� v �� ޜ g�7�� ޜ v �� d� f�P�X d� v x� �� 9v�yX �� v ؇ '� � 3�X '� v @� �� ��*�X �� v �� � �#�X � v (� w� 0�oIX w� v �� ߛ ˅N�X ߛ v �� G� xz��X G� v X� `� laKX `� v �� �� �z��X �� v ؤ �� P�QX �� v �� �� ��ޘX �� v � �� ��X �� ! v �� � Ե ���� � L � $� лc\X $� v H� �� Kѐ�X �� v �� �� � �X �� # v � o� !v�}X o� v �� �� 6��� �� v �� �� @ �X �� v � n� �+X n� v �� ʶ ��D�X ʶ v � >� а�X >� $ v h� � � �� � v � �! C�]8X �! v 0�! v�! ��� v�! v ��! ��% z��X ��% v ��% �% Y�IX �% v (�% ~�% ��` X ~�% v ��% ڤ% i_1�X ڤ% v ��% �' w���X �' v �' &' ��}� &' v @' �+ �w��X �+ v �+ 6 +
�@X 6 + v H + �+ �F��� �+ v �+ ��. �,x�X ��. v �. n�. �h_X n�. ! v ��. �/ � �pX �/ & v (/ �/ � �� �/ v �/ ��2 �p �X ��2 v ��2 6�2 mm++X 6�2 v P�2 m 3 �Q�X m 3 v � 3 �3 X�u6X �3 v �3 /3 �� X /3 v H3 �3 eI�X �3 v �3 �3 (��X �3 v �3 7 ���X 7 v 7 �7 ��|X �7 v �7 �
7 K��]X �
7 v 7 ^7 ���X ^7 v x7 �7 ��遗 �7 v �7 �: W �
X �: v 0�: l�: x>X l�: v ��: � ; u�WX � ; v � ; O; $@�WX O; v h; �; ��J�X �; " v �; ? ; �WurX ? ; v X ; �; 5� X �; v �; �; ���mX �; v ; J; ��T�X J; v `; �; F
eX �; v �; ; ��t�X ; v 8 ; t ; ����i t ; L | ; �"; @�IX �"; v �"; �'; � ��X �'; v (; �+; �'�X �+; " v �+; &1; �P;X &1; v @1; �6; ���ؗ �6; v �6; ; ? |9ĪX ; ? v X ? �!? ���X �!? v �!? �#? ����X �#? v $? w(? ��u � w(? v �(? �C �R�CX �C v �C ,C :�#|X ,C v HC �C ��s2� �C v �C >�F ~��#X >�F v `�F �G �� �X �G v �G G ��X G v 0G � G ���uX � G v � G �G 7,p�� �G L �G �G �W$�X �G v �G �G r��X �G v �G �G YUyX �G v G fG :6a�X fG v �G � G _�#X � G v � G "G �˭HX "G v 8"G z$G .^O� z$G v �$G Z
K KF�BX Z
K v p
K �K .@1� �K v �K N�N h��;X N�N v h�N � O P�źX � O v � O �O @X �O v O gO -X gO & v �O � O v�.�X � O ' v ( O ~O �oK�X ~O v �O �O &��X �O v O O EP�X O v O ZO I�M�X ZO v xO � O M5��X � O ! v � O F$O �%&�X F$O v h$O �(O *Ë�X �(O v �(O '-O Jԭt� '-O v @-O ZS ;���X ZS v pS �S ��$0 �S L �S �S �� �X �S v �S * S ��%X * S v @ S �"S xT�X �"S v �"S �&S �96�X �&S v 'S D)S >�!X D)S + v p)S �-S &V�X �-S " v .S ^3S =<�4X ^3S v x3S �7S O
��X �7S v �7S >=S cC�9� >=S v X=S �%W !KD^X �%W v �%W _*W K�X _*W v p*W �/W ��4X �/W v �/W 2W #q�!X 2W ! v 82W z4W �?iX z4W v �4W �6W n��HX �6W v �6W ?;W M�
�� ?;W v `;W x$[ q��aX x$[ v �$[ �)[ �Ԇ�X �)[ v �)[ >/[ f}�X >/[ v X/[ �1[ �A�X �1[ v �1[ 7[ L�X 7[ v 7[ T9[ i#�X T9[ L \9[ �9[ ?�]X �9[ # v �9[ G>[ M��VX G>[ v `>[ �@[ !GDX �@[ v �@[ F[ O=�X F[ v (F[ dH[ ��� X dH[ " v �H[ �L[ gnome-shell-purple.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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #dedde2; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #d4d3d9; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #c8c7cd; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(215, 210, 241, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #e2e2e7; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #dedde2; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #7764D8; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #a99de6 !important;
box-shadow: inset 0 0 0 2px #4830bf !important;
background-color: #7764d8; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #6955d4; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #6954d4; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #8270db; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #573fcf; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #4b32c8; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #5841cf; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #e2e1e7; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #f8f7fd; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #efeef3; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #dedde2; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #f8f7fd; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #efeef3; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #7764D8;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #dedde2;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(90, 81, 139, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(86, 78, 128, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(83, 76, 119, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(58, 57, 63, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(58, 57, 63, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(68, 67, 73, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(80, 79, 85, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(55, 50, 84, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(51, 50, 56, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(56, 55, 61, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #3e3d43;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #3e3d43; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #343339; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #28272d; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(180, 171, 229, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(189, 181, 231, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(196, 188, 232, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(180, 171, 229, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #533bce; }
.shell-link:hover {
color: #7764d8; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #cdccd1; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #cdccd1; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #533bce; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #7764D8;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #7764D8;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(55, 50, 84, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(51, 50, 56, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(56, 55, 61, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #4830bf; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #dedde2; }
.quick-slider .slider-bin:focus:hover {
background-color: #d4d3d9; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #7764D8;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(53, 48, 79, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #333237; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #37363c; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(53, 48, 79, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #333237; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #37363c; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #7764D8; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(57, 52, 83, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #37363c; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3c3b41; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #3e3d43; }
.app-folder:focus:hover {
background-color: #48474d; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #545359; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #504f55; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #37363c; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(53, 48, 79, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #333237; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #37363c; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3c3b41; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #dedde2; }
.keyboard-key:focus:hover {
background-color: #d4d3d9; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #c6c5cb; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #c6c5cb; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #8978dd;
background-color: #7764D8; }
.keyboard-key.enter-key {
color: white;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: white;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #27813a; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #dedde2; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #d4d3d9; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #c6c5cb; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #8978dd;
background-color: #7764D8; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #dedde2; }
.word-suggestions StButton:focus:hover {
background-color: #d4d3d9; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #c6c5cb; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(57, 52, 83, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #37363c; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3c3b41; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #7764D8;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #3e3d43; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #48474d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #545359; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #7764D8; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(119, 100, 216, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(119, 100, 216, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 199, 241, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #7764D8; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(119, 100, 216, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 199, 241, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #7764D8; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(119, 100, 216, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 199, 241, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #7764D8; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(119, 100, 216, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 199, 241, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #7764D8; }
(uuay)checkbox-off-focused-magenta.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#cd89cd;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)checkbox-off-sage.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-off-focused-sage-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#92a595;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #dededc; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #d4d4d2; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #c8c8c6; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(215, 215, 207, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #e3e3e1; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #dededc; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #787859; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
box-shadow: inset 0 0 0 2px #4c4c38 !important;
background-color: #787859; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #6d6d51; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #6c6c50; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #818160; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #5e5e45; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #52523d; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #5f5f46; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #e2e2e1; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #f8f8f7; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #efefed; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #dededc; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #f8f8f7; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #efefed; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #787859;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #dededc;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(91, 91, 75, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(86, 86, 73, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(83, 83, 72, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(58, 58, 57, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(58, 58, 57, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(68, 68, 66, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(80, 80, 79, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(56, 56, 47, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(51, 51, 49, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(56, 56, 54, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #3e3e3d;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #3e3e3d; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #343433; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #282827; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(181, 181, 165, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(189, 189, 176, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(196, 196, 184, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(181, 181, 165, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #5b5b43; }
.shell-link:hover {
color: #787859; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #cdcdcb; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #cdcdcb; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #5b5b43; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #787859;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #787859;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(56, 56, 47, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(51, 51, 49, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(56, 56, 54, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #4c4c38; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #dededc; }
.quick-slider .slider-bin:focus:hover {
background-color: #d4d4d2; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #787859;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(54, 54, 45, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #333331; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #373736; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(54, 54, 45, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #333331; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #373736; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #787859; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(57, 57, 49, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #373736; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3c3c3b; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #3e3e3d; }
.app-folder:focus:hover {
background-color: #484846; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #545452; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #50504f; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #373736; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(54, 54, 45, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #333331; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #373736; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3c3c3b; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #dededc; }
.keyboard-key:focus:hover {
background-color: #d4d4d2; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #c6c6c4; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #c6c6c4; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #878764;
background-color: #787859; }
.keyboard-key.enter-key {
color: white;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: white;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #278234; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #dededc; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #d4d4d2; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #c6c6c4; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #878764;
background-color: #787859; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #dededc; }
.word-suggestions StButton:focus:hover {
background-color: #d4d4d2; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #c6c6c4; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(57, 57, 49, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #373736; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3c3c3b; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #787859;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #3e3e3d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #484846; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #545452; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #787859; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(120, 120, 89, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(120, 120, 89, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 206, 195, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #787859; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(120, 120, 89, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 206, 195, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #787859; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(120, 120, 89, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 206, 195, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #787859; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(120, 120, 89, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 206, 195, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #787859; }
(uuay)gnome-shell-magenta.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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #e1dbe1; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #d7d2d7; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #cbc6cb; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(231, 203, 231, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #e5e0e5; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #e1dbe1; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #B34CB3; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
box-shadow: inset 0 0 0 2px #7d357d !important;
background-color: #b34cb3; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #a546a5; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #a546a5; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #b857b8; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #933e93; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #843884; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #943f94; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #e5e0e5; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #fbf6fb; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #f2ecf2; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #e1dbe1; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #fbf6fb; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #f2ecf2; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #B34CB3;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #e1dbe1;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(120, 69, 120, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(112, 67, 112, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(105, 67, 105, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(61, 56, 61, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(61, 56, 61, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(71, 66, 71, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(83, 78, 83, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(73, 43, 73, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(54, 48, 54, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(59, 53, 59, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #413c41;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #413c41; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #373237; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #2b262b; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(210, 159, 210, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(215, 170, 215, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(218, 179, 218, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(210, 159, 210, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #8f3d8f; }
.shell-link:hover {
color: #b34cb3; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #d0cad0; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #d0cad0; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #8f3d8f; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #B34CB3;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #B34CB3;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(73, 43, 73, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(54, 48, 54, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(59, 53, 59, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #7d357d; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #e1dbe1; }
.quick-slider .slider-bin:focus:hover {
background-color: #d7d2d7; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #B34CB3;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(69, 42, 69, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #363036; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #3a353a; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(69, 42, 69, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #363036; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #3a353a; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #B34CB3; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(73, 45, 73, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #3a353a; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3f3a3f; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #413c41; }
.app-folder:focus:hover {
background-color: #4b464b; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #575257; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #534e53; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #3a353a; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(69, 42, 69, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #363036; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #3a353a; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3f3a3f; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #e1dbe1; }
.keyboard-key:focus:hover {
background-color: #d7d2d7; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #c9c4c9; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #c9c4c9; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #bb5ebb;
background-color: #B34CB3; }
.keyboard-key.enter-key {
color: white;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: white;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #2a8039; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #e1dbe1; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #d7d2d7; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #c9c4c9; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #bb5ebb;
background-color: #B34CB3; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #e1dbe1; }
.word-suggestions StButton:focus:hover {
background-color: #d7d2d7; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #c9c4c9; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(73, 45, 73, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #3a353a; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3f3a3f; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #B34CB3;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #413c41; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #4b464b; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #575257; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #B34CB3; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(179, 76, 179, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(179, 76, 179, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(228, 190, 228, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #B34CB3; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(179, 76, 179, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(228, 190, 228, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #B34CB3; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(179, 76, 179, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(228, 190, 228, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #B34CB3; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(179, 76, 179, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(228, 190, 228, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #B34CB3; }
(uuay)process-working-dark.svg �p <?xml version="1.0"?>
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="512" height="32" style="display:inline"><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)checkbox-blue.svg6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#0073E5;fill-rule:evenodd;stroke:#0073E5;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)gnome-shell-prussiangreen-dark.cssP� /* 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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #313535; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #3b3f3f; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #474b4b; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(34, 56, 56, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #2f3333; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #343838; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #308280; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
box-shadow: inset 0 0 0 2px #071212 !important;
background-color: #308280; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #35908e; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #36918f; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #2c7775; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #3ca4a1; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #42b2b0; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #3ca29f; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #454949; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #2f3333; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #393d3d; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #343838; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #2f3333; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #393d3d; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #308280;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #313535;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(148, 189, 188, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(161, 197, 196, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(172, 203, 202, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(49, 53, 53, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(49, 53, 53, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(59, 63, 63, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(71, 75, 75, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(35, 59, 58, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(47, 51, 51, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(52, 56, 56, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #353939;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #353939; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #3e4342; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #4b4f4f; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(145, 186, 185, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(158, 194, 193, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(169, 200, 199, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(145, 186, 185, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #57c1be; }
.shell-link:hover {
color: #7ccfcd; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #515555; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #616565; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #57c1be; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #308280;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(35, 59, 58, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(47, 51, 51, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(52, 56, 56, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #071212; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #313535; }
.quick-slider .slider-bin:focus:hover {
background-color: #3b3f3f; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #308280;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(34, 56, 56, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #2f3333; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #343838; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(34, 56, 56, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #2f3333; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #343838; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #308280; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(38, 60, 59, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #343838; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #393d3d; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #353939; }
.app-folder:focus:hover {
background-color: #3e4342; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #4b4f4f; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #464a4a; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #343838; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(34, 56, 56, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #2f3333; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #343838; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #393d3d; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #313535; }
.keyboard-key:focus:hover {
background-color: #3b3f3f; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #444848; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #444848; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #379592;
background-color: #308280; }
.keyboard-key.enter-key {
color: white;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: white;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #2b9d40; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #313535; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #3b3f3f; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #444848; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #379592;
background-color: #308280; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #313535; }
.word-suggestions StButton:focus:hover {
background-color: #3b3f3f; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #444848; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(38, 60, 59, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #343838; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #393d3d; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #308280;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #353939; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #3e4342; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #4b4f4f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #308280; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(48, 130, 128, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(48, 130, 128, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(180, 210, 209, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #308280; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(48, 130, 128, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(180, 210, 209, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #308280; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(48, 130, 128, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(180, 210, 209, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #308280; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(48, 130, 128, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(180, 210, 209, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #308280; }
(uuay)org/� checkbox-off-focused-bark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#a4a484;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)toggle-off-purple-dark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-focused-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#d14515;fill-rule:evenodd;stroke:#f1916f;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(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: 1em;
color: #ffffff; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #454a50; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #4e5358; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #525252; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #262626;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5d5d5d; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #4f4f4f; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #585d63; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #4d4d4d; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #595959; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #1a1a1a;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(19, 46, 74, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #43494e; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #1a1a1a;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4b4b4b; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #424242; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #474c51; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #404040; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #454545; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
color: white;
background-color: #217bd3; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
color: white;
box-shadow: inset 0 0 0 2px #47a3ff !important;
box-shadow: inset 0 0 0 2px #001a34 !important;
background-color: #1f7ad3; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #1f82e4; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
color: white;
background-color: #2183e5; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
color: rgba(255, 255, 255, 0.5);
background-color: #005fbd;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
color: white;
background-color: #218ffb; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #1088ff; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #1f8df9; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2b2b2b;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent;
border-color: transparent;
box-shadow: none; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #505050; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #4d4d4d; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #565c61; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #43494e; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #4c5156; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #242424;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747; }
.calendar:active, .datemenu-today-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4b4b4b; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #424242; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #474c51; }
.calendar:focus, .datemenu-today-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #43494e; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #4c5156; }
.calendar:insensitive, .datemenu-today-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #242424;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #0067cd;
selected-color: white;
border-width: 1px; }
StEntry {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #2e2e2e;
color: rgba(255, 255, 255, 0.7); }
StEntry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #383838;
color: #ffffff; }
StEntry:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #2c3136;
color: #ffffff; }
StEntry:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #262626;
color: rgba(255, 255, 255, 0.5); }
StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(178, 209, 240, 0.25615); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(185, 213, 241, 0.280945); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2431); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2692); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(255, 255, 255, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(191, 216, 242, 0.30574); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #4d4d4d; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #595959; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.17);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #0d0d0d;
border: 1px solid #464646;
color: #ffffff;
border-radius: 999px;
padding: 6px 12px;
text-align: center;
background-color: black;
border-color: rgba(255, 255, 255, 0.4); }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
border: 2px solid rgba(255, 255, 255, 0.4);
box-shadow: none; }
.lg-dialog StEntry {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(46, 52, 57, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(77, 77, 77, 0.980208); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(73, 78, 84, 0.981197); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(82, 87, 92, 0.981197); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(86, 86, 86, 0.980208); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(97, 97, 97, 0.980208); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(92, 97, 103, 0.981197); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(94, 94, 94, 0.980208); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(21, 51, 81, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(71, 76, 82, 0.979337); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.97825); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(80, 80, 80, 0.97825); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(76, 81, 86, 0.979337); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(77, 77, 77, 0.97825); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #232323;
color: rgba(255, 255, 255, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #2d2d2d;
color: #ffffff; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #21262b;
color: #ffffff; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #1b1b1b;
color: rgba(255, 255, 255, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #404040; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #1b1b1b;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #3d4247; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #444a4f; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #484848; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #545454; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #444444; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #50555a; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #515151; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #424242; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #4e4e4e; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(178, 209, 240, 0.25615); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(185, 213, 241, 0.280945); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2431); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2692); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(255, 255, 255, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(191, 216, 242, 0.30574); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4d4d4d; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #595959; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.17);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.unlock-dialog .login-dialog-prompt-entry {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(128, 179, 230, 0.145);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important;
background-color: rgba(255, 255, 255, 0.13); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: rgba(247, 247, 247, 0.1);
color: rgba(255, 255, 255, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
/* WIDGETS */
.shell-link {
color: #349aff; }
.shell-link:hover {
color: #67b3ff; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
icon-shadow: none;
background-color: rgba(29, 29, 29, 0.975);
padding: 12px;
border-radius: 6px;
border: 2px solid rgba(255, 255, 255, 0.4);
margin: 18px; }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: #ffffff;
height: 26px;
width: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(255, 255, 255, 0.2);
-barlevel-border-width: 2px;
-barlevel-border-color: transparent;
-barlevel-active-background-color: #0080ff;
-barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #991121;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 1px;
-slider-handle-border-width: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em;
-barlevel-background-color: rgba(255, 255, 255, 0.4); }
/* 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: #8c8c8c; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #757575; }
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-rise: 6px; }
.popup-menu {
min-width: 15em;
color: #ffffff; }
.popup-menu.panel-menu {
margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content {
padding: 6px;
background-color: #1a1a1a;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 2px 4px 0 transparent; }
.popup-menu-item {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5c5c5c; }
.popup-menu-item:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #686868; }
.popup-menu-item:active:hover {
background-color: #5b5b5b; }
.popup-menu-item:active:focus {
background-color: #63686d; }
.popup-menu-item:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #656565; }
.popup-menu-item:checked:hover {
background-color: #595959; }
.popup-menu-item:checked:active {
background-color: #656565; }
.popup-menu-item:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #323232;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important;
border: 1px solid rgba(255, 255, 255, 0.4);
border-bottom-width: 0; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #ffffff; }
.popup-inactive-menu-item:insensitive {
color: #ffffff; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent;
border-color: rgba(255, 255, 255, 0.4); }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #6a6a6a; }
.popup-sub-menu .popup-menu-item:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #757575; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6b6b6b; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #6f7479; }
.popup-sub-menu .popup-menu-item:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #737373; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: dimgray; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #757575; }
.popup-sub-menu .popup-menu-item:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #424242;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(255, 255, 255, 0.5); }
.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: rgba(255, 255, 255, 0.5); }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #ffffff; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #ffffff !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #ffffff;
font-style: italic; }
.calendar .calendar-day.calendar-other-month {
color: rgba(255, 255, 255, 0.5);
font-weight: normal;
color: #ffffff;
font-style: italic; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(255, 255, 255, 0.5);
color: #ffffff; }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.2);
color: #ffffff; }
.events-button .events-box .events-title {
color: #ffffff;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #ffffff; }
.events-button .events-box .events-list .event-placeholder {
color: #ffffff;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #ffffff; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #ffffff; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #ffffff; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #ffffff; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #ffffff; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* Message List */
.message-list {
width: 29em;
border: solid rgba(255, 255, 255, 0.5); }
.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(255, 255, 255, 0.25);
color: #ffffff;
color: rgba(255, 255, 255, 0.5); }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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: #47a3ff; }
.message {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #ffffff; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #ffffff;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(255, 255, 255, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(255, 255, 255, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(255, 255, 255, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(255, 255, 255, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #349aff; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #ffffff;
border: 1px solid transparent;
border-color: rgba(255, 255, 255, 0.4);
margin: 12px 2px; }
.message-media-control:hover {
background-color: #595959;
color: #ffffff; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #ffffff; }
.message-media-control:insensitive {
color: white;
border-color: transparent; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #ffffff; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #0067cd;
color: white; }
.candidate-box:hover {
background-color: #4d4d4d;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px transparent;
border-radius: 6px;
margin: 4px;
background-color: #1a1a1a;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.notification-banner:hover {
background-color: #1f1f1f; }
.notification-banner:active {
background-color: #242424; }
.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 rgba(255, 255, 255, 0.5); }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1a1a1a;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
.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: #f2f2f2; }
/* Run Dialog */
.run-dialog .modal-dialog-content-box {
margin-top: 24px;
margin-bottom: 12px; }
.run-dialog .run-dialog-entry {
width: 20em; }
.run-dialog .run-dialog-description {
text-align: center;
color: #cccccc; }
/* 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: #4d4d4d; }
.audio-selection-device:active {
background-color: #0067cd;
color: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #0067cd;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: rgba(29, 29, 29, 0.975);
color: #eeeeec; }
.pad-osd-window .button:insensitive {
color: #ffffff; }
.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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 transparent; }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.switcher-list .item-box:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(21, 51, 81, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(71, 76, 82, 0.979337); }
.switcher-list .item-box:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.97825); }
.switcher-list .item-box:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(80, 80, 80, 0.97825); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(76, 81, 86, 0.979337); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #eeeeec;
background-color: rgba(77, 77, 77, 0.97825); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.switcher-list .item-box:drop {
background-color: rgba(0, 103, 205, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 103, 205, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.3); }
.switcher-list .separator {
width: 1px;
background: rgba(255, 255, 255, 0.5); }
.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 #0067cd; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(238, 238, 236, 0.5);
padding: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 transparent; }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: #4d4d4d; }
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px transparent;
width: 24px;
height: 24px; }
.screenshot-ui-window-selector {
background-color: #000000; }
.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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #004080; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #0067cd;
background-color: rgba(0, 103, 205, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: white;
background-color: #0067cd; }
.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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #ffffff; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(255, 255, 255, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #001a34; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #454a50; }
.quick-slider .slider-bin:focus:hover {
background-color: #4e5358; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(255, 255, 255, 0.2);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.quick-toggle-menu .header .icon.active {
background-color: #0067cd;
color: white; }
.quick-toggle-menu .header .icon.active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(255, 255, 255, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(255, 255, 255, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(255, 255, 255, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(255, 255, 255, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #ffffff; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #000000; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(31, 31, 31, 0.98);
color: #ffffff;
border-radius: 999px;
box-shadow: 0 2px 4px 0 transparent;
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
border: 1px solid #464646;
border-color: rgba(255, 255, 255, 0.4); }
.window-close StIcon, .screenshot-ui-close-button StIcon {
icon-size: 24px; }
.window-close:hover, .screenshot-ui-close-button:hover {
background-color: rgba(48, 48, 48, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(64, 64, 64, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px transparent; }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #ffffff;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646;
border-color: rgba(255, 255, 255, 0.4); }
.list-search-result, .search-provider-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #1d1d1d;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(21, 49, 76, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #464b51; }
.list-search-result:hover, .search-provider-icon:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4a4a4a; }
.list-search-result:active, .search-provider-icon:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4e4e4e; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #4a4f54; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4c4c4c; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #1d1d1d;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(0, 103, 205, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 103, 205, 0.8); }
.search-statustext {
color: rgba(255, 255, 255, 0.8); }
.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: #ffffff; }
.list-search-results {
spacing: 6px; }
.list-search-result .list-search-result-content {
spacing: 6px; }
.list-search-result .list-search-result-title {
spacing: 12px;
font-weight: bold; }
.list-search-result .list-search-result-description {
color: #868686;
color: #ffffff; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4); }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #1d1d1d;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(21, 49, 76, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #464b51; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4a4a4a; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4e4e4e; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #4a4f54; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4c4c4c; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #0067cd; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646;
width: 2px;
background-color: rgba(255, 255, 255, 0.4); }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(0, 28, 55, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #2f3439; }
.overview-tile:hover, .grid-search-result:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #313131; }
.overview-tile:active, .grid-search-result:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #292929; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #32373d; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #333333; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #262626; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #2b2b2b; }
.overview-tile:insensitive, .grid-search-result:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(0, 103, 205, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 103, 205, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.app-folder:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #32373d; }
.app-folder:focus:hover {
background-color: #3b4045; }
.app-folder:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #3e3e3e; }
.app-folder:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
.app-folder:active:hover {
background-color: #383838; }
.app-folder:active:focus {
background-color: #454a50; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #363636; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #424242; }
.app-folder:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #0f0f0f;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.app-folder:drop {
background-color: rgba(0, 103, 205, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 103, 205, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #ffffff;
margin-bottom: 4px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #ffffff;
border: 2px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4c4c4c; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #555555; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #606060; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #525252; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #5b6065; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #1d1d1d;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.app-folder-dialog .page-navigation-arrow:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4a4a4a; }
.app-folder-dialog .page-navigation-arrow:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4e4e4e; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #4a4f54; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #1d1d1d;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(21, 49, 76, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #464b51; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4a4a4a; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4e4e4e; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #4a4f54; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4c4c4c; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #1d1d1d;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(0, 103, 205, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 103, 205, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #ffffff;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
border-radius: 999px;
icon-size: 48px;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4); }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.page-navigation-arrow > StIcon {
color: #ffffff; }
.page-navigation-arrow:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #313131; }
.page-navigation-arrow:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.page-navigation-arrow:active:hover {
background-color: #292929; }
.page-navigation-arrow:active:focus {
background-color: #32373d; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #ffffff;
background-color: #262626;
border-radius: 3px;
border: 1px solid transparent;
background-color: #1d1d1d;
border: 1px solid #464646;
border-color: rgba(255, 255, 255, 0.4); }
.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 #47a3ff;
border-radius: 6px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(103, 179, 255, 0.3);
box-shadow: 0 0 2px 2px #349aff; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #0067cd;
-pie-background-color: rgba(154, 204, 255, 0.3); }
.magnifier-zoom-region {
border: 2px solid #0067cd; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(255, 255, 255, 0.05);
color: #ffffff; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f99b11; }
/* Workspace animation */
.workspace-animation {
background-color: #0d0d0d; }
/* Tiled window previews */
.tile-preview {
background-color: rgba(0, 103, 205, 0.5);
border: 1px solid #0067cd; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 transparent;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747; }
.keyboard-key:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #454a50; }
.keyboard-key:focus:hover {
background-color: #4e5358; }
.keyboard-key:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #505050; }
.keyboard-key:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.keyboard-key:active:hover {
background-color: #4d4d4d; }
.keyboard-key:active:focus {
background-color: #565c61; }
.keyboard-key:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #595959; }
.keyboard-key:checked:hover {
background-color: #4b4b4b; }
.keyboard-key:checked:active {
background-color: #575757; }
.keyboard-key:grayed {
background-color: #121212;
color: #ffffff;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #505050; }
.keyboard-key.default-key:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.keyboard-key.default-key:active:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:active:focus {
background-color: #565c61; }
.keyboard-key.default-key:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #595959; }
.keyboard-key.default-key:checked:hover {
background-color: #4b4b4b; }
.keyboard-key.default-key:checked:active {
background-color: #575757; }
.keyboard-key.default-key:latched {
border-color: #0074e6;
background-color: #0067cd; }
.keyboard-key.enter-key {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: white;
background-color: #3e8b4a;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: white;
background-color: #42994f; }
.keyboard-key.enter-key:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: white;
background-color: #46ab56; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #43a85c; }
.keyboard-key.enter-key:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: white;
background-color: #45a755; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.keyboard-key.shift-key-uppercase {
background-color: #4a4a4a;
color: #ffffff; }
.keyboard-key.shift-key-uppercase:hover {
background-color: #575757; }
.keyboard-key StIcon {
icon-size: 24px; }
.keyboard-subkeys {
-arrow-border-radius: 12px;
-arrow-background-color: rgba(29, 29, 29, 0.975);
-arrow-background-color: rgba(5, 5, 5, 0.9);
-arrow-border-width: 1px;
-arrow-border-color: rgba(255, 255, 255, 0.5);
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px;
padding: 6px; }
.keyboard-subkeys .keyboard-key {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #454a50; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #4e5358; }
.keyboard-subkeys .keyboard-key:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #505050; }
.keyboard-subkeys .keyboard-key:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #565c61; }
.keyboard-subkeys .keyboard-key:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #595959; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4b4b4b; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #575757; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #0074e6;
background-color: #0067cd; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #ffffff; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #454a50; }
.word-suggestions StButton:focus:hover {
background-color: #4e5358; }
.word-suggestions StButton:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #505050; }
.word-suggestions StButton:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.word-suggestions StButton:active:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:active:focus {
background-color: #565c61; }
.word-suggestions StButton:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #595959; }
.word-suggestions StButton:checked:hover {
background-color: #4b4b4b; }
.word-suggestions StButton:checked:active {
background-color: #575757; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 transparent;
border-color: rgba(255, 255, 255, 0.4);
background-color: rgba(29, 29, 29, 0.975);
box-shadow: none; }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.lg-dialog .shell-link {
color: #349aff; }
.lg-dialog .shell-link:hover {
color: #67b3ff; }
.lg-dialog .shell-link:active {
color: #0180ff; }
.lg-dialog .actor-link {
color: #ffffff; }
.lg-dialog .actor-link:hover {
color: white; }
.lg-dialog .actor-link:active {
color: #cccccc; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
.lg-obj-inspector-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #525252; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #ffffff; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #ffffff; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #999999;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #e6e6e6; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(0, 28, 55, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #2f3439; }
.login-dialog-not-listed-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #313131; }
.login-dialog-not-listed-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.login-dialog-not-listed-button:active:hover {
background-color: #292929; }
.login-dialog-not-listed-button:active:focus {
background-color: #32373d; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #b3b3b3; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #0067cd;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: #32373d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #3b4045; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #3e3e3e; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #383838; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #454a50; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(255, 255, 255, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #0067cd; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(0, 103, 205, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(26, 26, 26, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #b3b3b3; }
.web-login-url-label {
font-size: 1em;
color: #ffffff;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #ffffff; }
.web-login-code-label {
font-size: 1em;
color: #ffffff;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #ffffff;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #ffffff;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #000000; }
.unlock-dialog-clock {
color: #ffffff;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
background-color: rgba(26, 26, 26, 0.3); }
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(26, 26, 26, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(0, 103, 205, 0.5); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(255, 255, 255, 0.1);
color: #ffffff;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(255, 255, 255, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #ffffff; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(255, 255, 255, 0.13);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #ffffff; }
login-dialog StEntry {
background-color: #050505;
color: #ffffff;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: transparent;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(0, 103, 205, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 209, 240, 0.25615); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 209, 240, 0.25615); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.3475); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2779); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(192, 218, 243, 0.314005); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0067cd; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: transparent;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(0, 103, 205, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 209, 240, 0.25615); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 209, 240, 0.25615); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.3475); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2779); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(192, 218, 243, 0.314005); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0067cd; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: transparent;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(0, 103, 205, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 209, 240, 0.25615); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 209, 240, 0.25615); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.3475); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2779); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(192, 218, 243, 0.314005); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0067cd; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: transparent;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px #47a3ff !important;
background-color: rgba(0, 103, 205, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 209, 240, 0.25615); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 209, 240, 0.25615); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.3475); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2779); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(192, 218, 243, 0.314005); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0067cd; }
(uuay)toggle-on-purple.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#b4a9e9" rx="12.458" ry="13" style="fill:#7764D8;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-on-bark-dark.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#a4a484" rx="12.458" ry="13" style="fill:#787859;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-off-blue.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-blue-dark.svg6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#0073E5;fill-rule:evenodd;stroke:#0073E5;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)checkbox-off-magenta-dark.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-off-olive-dark.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-red-dark.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#DA3450;fill-rule:evenodd;stroke:#DA3450;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)checkbox-off-dark.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-off-focused-magenta-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#cd89cd;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)checkbox-sage-dark.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#657B69;fill-rule:evenodd;stroke:#657B69;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)checkbox-viridian-dark.svg6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#03875B;fill-rule:evenodd;stroke:#03875B;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #dbded8; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #d2d5ce; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #c6c8c2; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(203, 219, 183, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #e0e3dd; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #dbded8; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #4B8501; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #73cc02 !important;
box-shadow: inset 0 0 0 2px #203900 !important;
background-color: #4b8501; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #407201; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #407101; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #549401; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #315701; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #264301; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #335a01; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #e0e3dc; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #f6f9f2; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #ecefe9; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #dbded8; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #f6f9f2; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #ecefe9; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #4B8501;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #dbded8;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(68, 97, 31, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(67, 92, 35, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(66, 88, 38, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(56, 59, 52, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(56, 59, 52, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(66, 69, 62, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(78, 81, 74, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(43, 60, 21, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(48, 51, 45, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(53, 56, 49, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #3c3f38;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #3c3f38; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #32352e; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #262922; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(158, 187, 121, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(170, 195, 138, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(179, 201, 151, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(158, 187, 121, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #2e5201; }
.shell-link:hover {
color: #4b8501; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #cacdc7; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #cacdc7; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #2e5201; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #4B8501;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #4B8501;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(43, 60, 21, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(48, 51, 45, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(53, 56, 49, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #203900; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #dbded8; }
.quick-slider .slider-bin:focus:hover {
background-color: #d2d5ce; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #4B8501;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(41, 57, 22, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #30332d; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #353831; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(41, 57, 22, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #30332d; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #353831; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #4B8501; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(45, 61, 25, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #353831; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3a3d36; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #3c3f38; }
.app-folder:focus:hover {
background-color: #454842; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #52554e; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #4e514a; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #353831; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(41, 57, 22, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #30332d; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #353831; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3a3d36; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #dbded8; }
.keyboard-key:focus:hover {
background-color: #d2d5ce; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #c4c7c0; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #c4c7c0; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #599e01;
background-color: #4B8501; }
.keyboard-key.enter-key {
color: white;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: white;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #258330; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #dbded8; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #d2d5ce; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #c4c7c0; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #599e01;
background-color: #4B8501; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #dbded8; }
.word-suggestions StButton:focus:hover {
background-color: #d2d5ce; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #c4c7c0; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(45, 61, 25, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #353831; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3a3d36; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #4B8501;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #3c3f38; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #454842; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #52554e; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #4B8501; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(75, 133, 1, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(75, 133, 1, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(190, 211, 163, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #4B8501; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(75, 133, 1, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(190, 211, 163, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #4B8501; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(75, 133, 1, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(190, 211, 163, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #4B8501; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(75, 133, 1, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(190, 211, 163, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #4B8501; }
(uuay)toggle-off-light.svg2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-prussiangreen.svg? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)toggle-off-red-dark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-focused-light.svg_ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#f1916f;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)checkbox-off-light.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-off-magenta.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-off-purple.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></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;
fill: transparent !important;
}
.TouchStrip, .TouchRing {
stroke-width: .1 !important;
stroke: #ededed !important;
fill: #535353 !important;
}
(uuay)toggle-on-prussiangreen.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#4cbdba" rx="12.458" ry="13" style="fill:#308280;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)workspace-placeholder.svg � <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 76"><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-sage.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#92a595" rx="12.458" ry="13" style="fill:#657B69;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-focused-sage.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#92a595;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)checkbox-off-focused-viridian.svg_ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#05dc94;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)/ checkbox-focused-bark-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#64644a;fill-rule:evenodd;stroke:#a4a484;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)toggle-off-magenta.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-prussiangreen-dark.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-focused-bark.svgF <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#6f6f52;fill-rule:evenodd;stroke:#a4a484;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #32352f; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #3c3f38; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #484b44; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(41, 57, 22, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #30332d; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #353831; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #4B8501; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #73cc02 !important;
box-shadow: inset 0 0 0 2px black !important;
background-color: #4b8501; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #569801; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #569901; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #427601; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #65b301; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #70c701; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #63b001; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #464942; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #30332d; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #3a3d36; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #353831; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #30332d; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #3a3d36; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #4B8501;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #32352f;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(161, 190, 124, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(173, 198, 141, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(182, 204, 154, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(50, 53, 46, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(50, 53, 46, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(60, 63, 56, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(72, 75, 68, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(43, 60, 21, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(48, 51, 45, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(53, 56, 49, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #363932;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #363932; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #40433c; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #4c4f48; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(158, 187, 121, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(170, 195, 138, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(179, 201, 151, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(158, 187, 121, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #84ea02; }
.shell-link:hover {
color: #9dfd22; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #53554f; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #63665f; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #84ea02; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #4B8501;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(43, 60, 21, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(48, 51, 45, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(53, 56, 49, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: black; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #32352f; }
.quick-slider .slider-bin:focus:hover {
background-color: #3c3f38; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #4B8501;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(41, 57, 22, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #30332d; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #353831; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(41, 57, 22, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #30332d; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #353831; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #4B8501; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(45, 61, 25, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #353831; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3a3d36; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #363932; }
.app-folder:focus:hover {
background-color: #40433c; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #4c4f48; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #474a43; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #353831; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(41, 57, 22, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #30332d; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #353831; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(75, 133, 1, 0.2);
box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3a3d36; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #32352f; }
.keyboard-key:focus:hover {
background-color: #3c3f38; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #454842; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #454842; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #599e01;
background-color: #4B8501; }
.keyboard-key.enter-key {
color: white;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: white;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #2c9d3a; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #32352f; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #3c3f38; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #454842; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #599e01;
background-color: #4B8501; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #32352f; }
.word-suggestions StButton:focus:hover {
background-color: #3c3f38; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #454842; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(45, 61, 25, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #353831; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3a3d36; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #4B8501;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: #363932; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #40433c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #4c4f48; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #4B8501; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(75, 133, 1, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(75, 133, 1, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(190, 211, 163, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #4B8501; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(75, 133, 1, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(190, 211, 163, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #4B8501; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(75, 133, 1, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(190, 211, 163, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #4B8501; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #73cc02 !important;
background-color: rgba(75, 133, 1, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(165, 194, 128, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(190, 211, 163, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #4B8501; }
(uuay)checkbox-focused-olive.svgF <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#427601;fill-rule:evenodd;stroke:#7cdb02;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)toggle-off-sage.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-focused-viridian.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#037851;fill-rule:evenodd;stroke:#05dc94;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)checkbox-off-focused-purple-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#b4a9e9;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #353533; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #3e3e3d; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #4a4a49; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(54, 54, 45, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #333331; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #373736; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #787859; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
box-shadow: inset 0 0 0 2px #202018 !important;
background-color: #787859; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #838361; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #848462; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #6f6f52; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #92926d; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #9b9b78; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #91916c; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #484847; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #333331; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #3c3c3b; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #373736; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #333331; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #3c3c3b; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #787859;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #353533;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(184, 184, 168, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(192, 192, 179, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(199, 199, 187, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(53, 53, 51, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(53, 53, 51, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(62, 62, 61, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(74, 74, 73, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(56, 56, 47, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(51, 51, 49, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(56, 56, 54, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #383837;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #383837; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #424240; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #4e4e4d; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(181, 181, 165, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(189, 189, 176, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(196, 196, 184, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(181, 181, 165, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #aaaa8d; }
.shell-link:hover {
color: #c0c0aa; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #555553; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #656563; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #aaaa8d; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #787859;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(56, 56, 47, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(51, 51, 49, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(56, 56, 54, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #202018; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #353533; }
.quick-slider .slider-bin:focus:hover {
background-color: #3e3e3d; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #787859;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(54, 54, 45, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #333331; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #373736; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(54, 54, 45, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #333331; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #373736; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #787859; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(57, 57, 49, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #373736; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3c3c3b; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #383837; }
.app-folder:focus:hover {
background-color: #424240; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #4e4e4d; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #494948; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #373736; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(54, 54, 45, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #333331; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #373736; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(120, 120, 89, 0.2);
box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3c3c3b; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #353533; }
.keyboard-key:focus:hover {
background-color: #3e3e3d; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #484846; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #484846; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #878764;
background-color: #787859; }
.keyboard-key.enter-key {
color: white;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: white;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #2f9c3e; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #353533; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #3e3e3d; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #484846; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #878764;
background-color: #787859; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #353533; }
.word-suggestions StButton:focus:hover {
background-color: #3e3e3d; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #484846; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(57, 57, 49, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #373736; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3c3c3b; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #787859;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: #383837; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #424240; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #4e4e4d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #787859; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(120, 120, 89, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(120, 120, 89, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 206, 195, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #787859; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(120, 120, 89, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 206, 195, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #787859; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(120, 120, 89, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 206, 195, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #787859; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #9d9d7b !important;
background-color: rgba(120, 120, 89, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(188, 188, 172, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 206, 195, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #787859; }
(uuay)checkbox-light.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#E95420;fill-rule:evenodd;stroke:#E95420;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #393133; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #433b3c; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #4f4748; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(80, 35, 43, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #382f31; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #3c3435; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #DA3450; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #e57084 !important;
box-shadow: inset 0 0 0 2px #631220 !important;
background-color: #da3450; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #dd445e; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #dd455f; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #d72745; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #e15b71; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #e46c80; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #e15970; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #4d4546; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #382f31; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #41393a; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #3c3435; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #382f31; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #41393a; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #DA3450;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #393133;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(233, 150, 164, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(235, 163, 175, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(236, 173, 184, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(58, 49, 51, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(58, 49, 51, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(67, 59, 60, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(80, 71, 72, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(85, 36, 44, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(56, 47, 49, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(61, 52, 54, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #3d3536;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #3d3536; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #473f40; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #534b4c; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(230, 147, 161, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(232, 160, 172, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(233, 170, 181, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(230, 147, 161, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #ea8a9a; }
.shell-link:hover {
color: #f2b5c0; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #5a5153; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #6a6263; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #ea8a9a; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #DA3450;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(85, 36, 44, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(56, 47, 49, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(61, 52, 54, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #631220; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #393133; }
.quick-slider .slider-bin:focus:hover {
background-color: #433b3c; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #DA3450;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(80, 35, 43, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #382f31; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #3c3435; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(80, 35, 43, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #382f31; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #3c3435; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #DA3450; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(84, 39, 47, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #3c3435; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #41393a; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #3d3536; }
.app-folder:focus:hover {
background-color: #473f40; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #534b4c; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #4e4647; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #3c3435; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(80, 35, 43, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #382f31; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #3c3435; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #41393a; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #393133; }
.keyboard-key:focus:hover {
background-color: #433b3c; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #4c4446; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #4c4446; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #de4a63;
background-color: #DA3450; }
.keyboard-key.enter-key {
color: white;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: white;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #34993e; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #393133; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #433b3c; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #4c4446; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #de4a63;
background-color: #DA3450; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #393133; }
.word-suggestions StButton:focus:hover {
background-color: #433b3c; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #4c4446; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(84, 39, 47, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #3c3435; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #41393a; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #DA3450;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #3d3536; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #473f40; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #534b4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #DA3450; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(218, 52, 80, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(218, 52, 80, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(242, 182, 192, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #DA3450; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(218, 52, 80, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(242, 182, 192, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #DA3450; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(218, 52, 80, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(242, 182, 192, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #DA3450; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(218, 52, 80, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(242, 182, 192, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #DA3450; }
(uuay)checkbox-off-bark.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-focused-purple.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#6c58d5;fill-rule:evenodd;stroke:#b4a9e9;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)toggle-off-bark-dark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)process-working-light.svg �p <?xml version="1.0"?>
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="512" height="32" style="display:inline"><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:#3D3D3D;stop-opacity:1" offset="0"/><stop style="stop-color:#3D3D3D;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)checkbox-magenta-dark.svg6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#B34CB3;fill-rule:evenodd;stroke:#B34CB3;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)gnome-shell-blue.css m� /* 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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #d8dde3; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #ced4d9; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #c2c8cd; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(183, 214, 244, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #dde2e8; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #d8dde3; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #0073E5; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #2d97ff !important;
box-shadow: inset 0 0 0 2px #004d99 !important;
background-color: #0073e5; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #0069d2; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #0069d1; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #007bf4; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #005cb7; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #0052a3; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #005db9; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #dce2e8; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #f2f8fe; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #e9eef4; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #d8dde3; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #f2f8fe; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #e9eef4; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #0073E5;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #d8dde3;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(31, 88, 145, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(35, 84, 133, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(38, 81, 124, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(52, 58, 64, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(52, 58, 64, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(62, 68, 74, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(74, 80, 86, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 54, 88, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(44, 51, 56, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(49, 55, 61, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #383e44;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #383e44; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #2e343a; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #22282e; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(121, 178, 235, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(138, 187, 236, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(151, 194, 237, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(121, 178, 235, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #0059b2; }
.shell-link:hover {
color: #0073e5; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #c7ccd2; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #c7ccd2; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #0059b2; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #0073E5;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #0073E5;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 54, 88, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(44, 51, 56, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(49, 55, 61, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #004d99; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #d8dde3; }
.quick-slider .slider-bin:focus:hover {
background-color: #ced4d9; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #0073E5;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 52, 83, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #2d3238; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #31373d; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 52, 83, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #2d3238; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #31373d; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #0073E5; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(25, 56, 87, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #31373d; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #363c42; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #383e44; }
.app-folder:focus:hover {
background-color: #42474d; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #4e5459; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #4a5056; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #31373d; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 52, 83, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #2d3238; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #31373d; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #363c42; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #d8dde3; }
.keyboard-key:focus:hover {
background-color: #ced4d9; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #c0c6cb; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #c0c6cb; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #0080ff;
background-color: #0073E5; }
.keyboard-key.enter-key {
color: white;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: white;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #21823b; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #d8dde3; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #ced4d9; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #c0c6cb; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #0080ff;
background-color: #0073E5; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #d8dde3; }
.word-suggestions StButton:focus:hover {
background-color: #ced4d9; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #c0c6cb; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(25, 56, 87, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #31373d; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #363c42; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #0073E5;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #383e44; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #42474d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #4e5459; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #0073E5; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(0, 115, 229, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(0, 115, 229, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(163, 204, 246, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0073E5; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(0, 115, 229, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(163, 204, 246, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0073E5; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(0, 115, 229, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(163, 204, 246, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0073E5; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(0, 115, 229, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(163, 204, 246, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0073E5; }
(uuay)checkbox-focused-blue-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#0061c1;fill-rule:evenodd;stroke:#3d9eff;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)checkbox-dark.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#E95420;fill-rule:evenodd;stroke:#E95420;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)gnome-shell-purple-dark.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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #353439; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #3e3d43; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #4a494f; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(53, 48, 79, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #333237; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #37363c; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #7764D8; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #a99de6 !important;
box-shadow: inset 0 0 0 2px #312182 !important;
background-color: #7764d8; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #8573dc; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #8574dc; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #6c58d5; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #9789e1; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #a599e5; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #9687e1; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #48474d; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #333237; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #3c3b41; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #37363c; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #333237; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #3c3b41; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #7764D8;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #353439;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(183, 174, 232, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(192, 184, 234, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(199, 192, 235, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(53, 52, 58, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(53, 52, 58, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(62, 61, 67, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(74, 73, 79, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(55, 50, 84, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(51, 50, 56, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(56, 55, 61, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #38373d;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #38373d; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #424147; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #4e4d53; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(180, 171, 229, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(189, 181, 231, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(196, 188, 232, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(180, 171, 229, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #bfb5ed; }
.shell-link:hover {
color: #e2def7; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #55545a; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #65646a; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #bfb5ed; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #7764D8;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(55, 50, 84, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(51, 50, 56, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(56, 55, 61, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #312182; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #353439; }
.quick-slider .slider-bin:focus:hover {
background-color: #3e3d43; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #7764D8;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(53, 48, 79, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #333237; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #37363c; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(53, 48, 79, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #333237; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #37363c; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #7764D8; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(57, 52, 83, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #37363c; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3c3b41; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #38373d; }
.app-folder:focus:hover {
background-color: #424147; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #4e4d53; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #49484e; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #37363c; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(53, 48, 79, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #333237; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #37363c; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(119, 100, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3c3b41; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #353439; }
.keyboard-key:focus:hover {
background-color: #3e3d43; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #47474c; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #47474c; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #8978dd;
background-color: #7764D8; }
.keyboard-key.enter-key {
color: white;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: white;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #2f9b45; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #353439; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #3e3d43; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #47474c; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #8978dd;
background-color: #7764D8; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #353439; }
.word-suggestions StButton:focus:hover {
background-color: #3e3d43; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #47474c; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(57, 52, 83, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #37363c; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3c3b41; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #7764D8;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: #38373d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #424147; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #4e4d53; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #7764D8; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(119, 100, 216, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(119, 100, 216, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 199, 241, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #7764D8; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(119, 100, 216, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 199, 241, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #7764D8; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(119, 100, 216, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 199, 241, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #7764D8; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #a99de6 !important;
background-color: rgba(119, 100, 216, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(187, 178, 236, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(206, 199, 241, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #7764D8; }
(uuay)checkbox-focused-sage-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#556758;fill-rule:evenodd;stroke:#92a595;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)checkbox-off-focused-red-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#e77d8f;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)checkbox-off-focused-prussiangreen.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#4cbdba;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #2f343a; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #383e44; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #444a50; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 52, 83, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #2d3238; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #31373d; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #0073E5; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #2d97ff !important;
box-shadow: inset 0 0 0 2px #00264c !important;
background-color: #0073e5; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #007df8; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #007df9; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #006bd6; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #148aff; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #2894ff; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #1389fe; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #42484e; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #2d3238; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #363c42; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #31373d; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #2d3238; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #363c42; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #0073E5;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #2f343a;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(124, 181, 238, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(141, 190, 239, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(154, 197, 240, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(46, 52, 58, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(46, 52, 58, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(56, 62, 68, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(68, 74, 80, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 54, 88, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(44, 51, 56, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(49, 55, 61, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #32383e;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #32383e; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #3c4247; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #484e54; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(121, 178, 235, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(138, 187, 236, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(151, 194, 237, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(121, 178, 235, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #4ca6ff; }
.shell-link:hover {
color: #7fbfff; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #4f555a; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #5f656a; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #4ca6ff; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #0073E5;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 54, 88, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(44, 51, 56, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(49, 55, 61, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #00264c; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #2f343a; }
.quick-slider .slider-bin:focus:hover {
background-color: #383e44; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #0073E5;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 52, 83, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #2d3238; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #31373d; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 52, 83, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #2d3238; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #31373d; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #0073E5; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(25, 56, 87, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #31373d; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #363c42; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #32383e; }
.app-folder:focus:hover {
background-color: #3c4247; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #484e54; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #43494f; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #31373d; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(21, 52, 83, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #2d3238; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #31373d; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(0, 115, 229, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #363c42; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #2f343a; }
.keyboard-key:focus:hover {
background-color: #383e44; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #42474d; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #42474d; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #0080ff;
background-color: #0073E5; }
.keyboard-key.enter-key {
color: white;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: white;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #299c45; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #2f343a; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #383e44; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #42474d; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #0080ff;
background-color: #0073E5; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #2f343a; }
.word-suggestions StButton:focus:hover {
background-color: #383e44; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #42474d; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(25, 56, 87, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #31373d; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #363c42; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #0073E5;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: #32383e; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #3c4247; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #484e54; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #0073E5; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(0, 115, 229, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(0, 115, 229, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(163, 204, 246, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0073E5; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(0, 115, 229, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(163, 204, 246, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0073E5; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(0, 115, 229, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(163, 204, 246, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0073E5; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #2d97ff !important;
background-color: rgba(0, 115, 229, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(128, 185, 242, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(163, 204, 246, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #0073E5; }
(uuay)checkbox-focused-red.svgF <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#d72745;fill-rule:evenodd;stroke:#e77d8f;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)gnome-shell-start.svg
<?xml version="1.0"?>
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="400" width="600"><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-red.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-viridian-dark.svg? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-viridian.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#03875B;fill-rule:evenodd;stroke:#03875B;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)toggle-on-dark.svg, <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#f1916f" rx="12.458" ry="13" style="fill:#E95420;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #433c39; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #4f4845; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #37302e; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #3c3532; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: #FFFFFF;
background-color: #d34615; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: #FFFFFF;
box-shadow: inset 0 0 0 2px #ef8661 !important;
box-shadow: inset 0 0 0 2px #481807 !important;
background-color: #d34615; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #e54c17; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: #FFFFFF;
background-color: #e64c17; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #c54113; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: #FFFFFF;
background-color: #ea5d2c; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #ec6b3e; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #e95c2a; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #4d4643; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #37302e; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #413a37; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #3c3532; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #37302e; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #413a37; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #d34615;
selected-color: #FFFFFF;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(229, 159, 134, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(232, 171, 150, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(233, 180, 162, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(57, 50, 48, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(57, 50, 48, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(67, 60, 57, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(79, 72, 69, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 41, 27, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(56, 48, 46, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(60, 53, 50, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #3d3633;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #3d3633; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #47403d; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #534c49; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(226, 156, 131, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(229, 168, 147, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(230, 177, 159, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(226, 156, 131, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #ef845f; }
.shell-link:hover {
color: #f4a88d; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #595250; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #6a6260; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: #FFFFFF !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #ef845f; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: #d34615;
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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: #d34615;
color: #FFFFFF; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #d34615;
color: #FFFFFF;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 41, 27, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(56, 48, 46, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(60, 53, 50, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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 #d34615; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(238, 238, 236, 0.5);
padding: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #8d2f0e; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #d34615;
background-color: rgba(211, 70, 21, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #FFFFFF;
background-color: #d34615; }
.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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #481807; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.quick-slider .slider-bin:focus:hover {
background-color: #433c39; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #d34615;
color: #FFFFFF; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #37302e; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #3c3532; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #37302e; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #3c3532; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #d34615; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 44, 31, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #3c3532; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #413a37; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #3d3633; }
.app-folder:focus:hover {
background-color: #47403d; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #534c49; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #4e4744; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #3c3532; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #37302e; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #3c3532; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #413a37; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(244, 168, 141, 0.3);
box-shadow: 0 0 2px 2px #ef845f; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #d34615;
-pie-background-color: rgba(248, 203, 188, 0.3); }
.magnifier-zoom-region {
border: 2px solid #d34615; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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(211, 70, 21, 0.5);
border: 1px solid #d34615; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.keyboard-key:focus:hover {
background-color: #433c39; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #4c4543; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #4c4543; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #e84f19;
background-color: #d34615; }
.keyboard-key.enter-key {
color: #FFFFFF;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: #FFFFFF;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: #FFFFFF;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #339a3b; }
.keyboard-key.enter-key:checked {
color: #FFFFFF;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #433c39; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #4c4543; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #e84f19;
background-color: #d34615; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.word-suggestions StButton:focus:hover {
background-color: #433c39; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #4c4543; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.lg-dialog .shell-link {
color: #ef845f; }
.lg-dialog .shell-link:hover {
color: #f4a88d; }
.lg-dialog .shell-link:active {
color: #eb6030; }
.lg-dialog .actor-link {
color: #8a8a8a; }
.lg-dialog .actor-link:hover {
color: #bdbdbd; }
.lg-dialog .actor-link:active {
color: #575757; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 44, 31, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #3c3532; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #413a37; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #d34615;
color: #FFFFFF; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #3d3633; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #47403d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #534c49; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #d34615; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(211, 70, 21, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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(211, 70, 21, 0.5); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
(uuay)checkbox-off-focused-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#f1916f;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)toggle-off-olive-dark.svg2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-focused-red-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#c6243f;fill-rule:evenodd;stroke:#e77d8f;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)toggle-off-blue-dark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #343534; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #3d3e3d; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #494b4a; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(48, 54, 50, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #323332; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #363837; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #657B69; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #899e8d !important;
box-shadow: inset 0 0 0 2px #202721 !important;
background-color: #657b69; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #6e8672; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #6e8673; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #5e7362; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #7b937f; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #869c8a; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #7a927e; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #474948; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #323332; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #3b3c3c; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #363837; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #323332; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #3b3c3c; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #657B69;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #343534;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(174, 185, 176, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(184, 194, 186, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(192, 200, 193, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(52, 53, 52, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(52, 53, 52, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(61, 63, 62, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(73, 75, 74, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(50, 57, 51, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(50, 51, 50, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(55, 56, 55, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #373938;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #373938; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #414241; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #4d4e4d; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(171, 182, 173, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(181, 191, 183, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(189, 197, 190, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(171, 182, 173, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #9aac9d; }
.shell-link:hover {
color: #b6c3b8; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #545554; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #646564; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #9aac9d; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #657B69;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(50, 57, 51, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(50, 51, 50, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(55, 56, 55, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #202721; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #343534; }
.quick-slider .slider-bin:focus:hover {
background-color: #3d3e3d; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #657B69;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(48, 54, 50, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #323332; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #363837; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(48, 54, 50, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #323332; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #363837; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #657B69; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(52, 58, 53, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #363837; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3b3c3c; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #373938; }
.app-folder:focus:hover {
background-color: #414241; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #4d4e4d; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #484a49; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #363837; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(48, 54, 50, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #323332; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #363837; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3b3c3c; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #343534; }
.keyboard-key:focus:hover {
background-color: #3d3e3d; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #474847; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #474847; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #708975;
background-color: #657B69; }
.keyboard-key.enter-key {
color: white;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: white;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #2e9c3f; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #343534; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #3d3e3d; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #474847; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #708975;
background-color: #657B69; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #343534; }
.word-suggestions StButton:focus:hover {
background-color: #3d3e3d; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #474847; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(52, 58, 53, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #363837; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3b3c3c; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #657B69;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #373938; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #414241; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #4d4e4d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #657B69; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(101, 123, 105, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(101, 123, 105, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(199, 207, 201, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #657B69; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(101, 123, 105, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(199, 207, 201, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #657B69; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(101, 123, 105, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(199, 207, 201, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #657B69; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(101, 123, 105, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(199, 207, 201, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #657B69; }
(uuay)toggle-on-purple-dark.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#b4a9e9" rx="12.458" ry="13" style="fill:#7764D8;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-on-blue.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#3d9eff" rx="12.458" ry="13" style="fill:#0073E5;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-focused-blue.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#3d9eff;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)toggle-off-viridian.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-focused-bark-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#a4a484;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)toggle-off-sage-dark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-on-viridian-dark.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#05dc94" rx="12.458" ry="13" style="fill:#03875B;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-off-dark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-red.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#DA3450;fill-rule:evenodd;stroke:#DA3450;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)checkbox-focused-purple-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#5e47d1;fill-rule:evenodd;stroke:#b4a9e9;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)toggle-on-light.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#f1916f" rx="12.458" ry="13" style="fill:#E95420;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)theme/ � j y m q ; ( + : { � | e � - w [ V 5 J A = � � / 2 8 s u 4 ~ � Q
� O H � g � ? 0 � > ` % v & k * } � � � D x � � l � \ Y U � E h G B ! 7 Z 6 z K T c ) I _ � o � C R . � P t b N F W ^ � � � � " M f � n $ S � # checkbox-purple.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#7764D8;fill-rule:evenodd;stroke:#7764D8;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)running-indicator.svg � <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 119.98 119.98"><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)checkbox-focused-prussiangreen.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#2c7775;fill-rule:evenodd;stroke:#4cbdba;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)checkbox-purple-dark.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#7764D8;fill-rule:evenodd;stroke:#7764D8;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #e2dbd9; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #d9d1cf; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #ccc5c3; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(240, 202, 188, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #e7e0de; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #e2dbd9; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: #FFFFFF;
background-color: #d34615; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: #FFFFFF;
box-shadow: inset 0 0 0 2px #ef8661 !important;
box-shadow: inset 0 0 0 2px #8d2f0e !important;
background-color: #d34615; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #c14013; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: #FFFFFF;
background-color: #c04013; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #e14b16; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: #FFFFFF;
background-color: #a93811; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #97320f; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #ab3911; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #e7e0dd; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #fdf6f3; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #f3ecea; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #e2dbd9; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #fdf6f3; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #f3ecea; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #d34615;
selected-color: #FFFFFF;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #e2dbd9;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(136, 66, 41, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(126, 65, 44, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(118, 64, 46, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(63, 56, 53, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(63, 56, 53, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(73, 65, 63, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(85, 78, 75, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 41, 27, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(56, 48, 46, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(60, 53, 50, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #433c39;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #433c39; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #39322f; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #2d2623; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(226, 156, 131, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(229, 168, 147, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(230, 177, 159, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(226, 156, 131, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #a53710; }
.shell-link:hover {
color: #d34615; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #d1cac8; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #d1cac8; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: #FFFFFF !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #a53710; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #d34615;
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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: #d34615;
color: #FFFFFF; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #d34615;
color: #FFFFFF;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 41, 27, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(56, 48, 46, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(60, 53, 50, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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 #d34615; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(238, 238, 236, 0.5);
padding: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #8d2f0e; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #d34615;
background-color: rgba(211, 70, 21, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #FFFFFF;
background-color: #d34615; }
.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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #8d2f0e; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #e2dbd9; }
.quick-slider .slider-bin:focus:hover {
background-color: #d9d1cf; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #d34615;
color: #FFFFFF; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #37302e; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #3c3532; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #37302e; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #3c3532; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #d34615; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 44, 31, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #3c3532; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #413a37; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #433c39; }
.app-folder:focus:hover {
background-color: #4c4543; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #58514f; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #554e4b; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #3c3532; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #37302e; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #3c3532; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #413a37; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(244, 168, 141, 0.3);
box-shadow: 0 0 2px 2px #ef845f; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #d34615;
-pie-background-color: rgba(248, 203, 188, 0.3); }
.magnifier-zoom-region {
border: 2px solid #d34615; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* Workspace animation */
.workspace-animation {
background-color: #222222; }
/* Tiled window previews */
.tile-preview {
background-color: rgba(211, 70, 21, 0.5);
border: 1px solid #d34615; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #e2dbd9; }
.keyboard-key:focus:hover {
background-color: #d9d1cf; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #cac3c1; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #cac3c1; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #e84f19;
background-color: #d34615; }
.keyboard-key.enter-key {
color: #FFFFFF;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: #FFFFFF;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: #FFFFFF;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #2c8031; }
.keyboard-key.enter-key:checked {
color: #FFFFFF;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #e2dbd9; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #d9d1cf; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #cac3c1; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #e84f19;
background-color: #d34615; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #e2dbd9; }
.word-suggestions StButton:focus:hover {
background-color: #d9d1cf; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #cac3c1; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.lg-dialog .shell-link {
color: #a53710; }
.lg-dialog .shell-link:hover {
color: #d34615; }
.lg-dialog .shell-link:active {
color: #76270c; }
.lg-dialog .actor-link {
color: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 44, 31, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #3c3532; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #413a37; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #d34615;
color: #FFFFFF; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #433c39; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #4c4543; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #58514f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #d34615; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(211, 70, 21, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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(211, 70, 21, 0.5); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
(uuay)toggle-on-magenta-dark.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#cd89cd" rx="12.458" ry="13" style="fill:#B34CB3;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-off-olive.svg2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-focused-red.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#e77d8f;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #383238; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #413c41; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #4d484d; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(69, 42, 69, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #363036; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #3a353a; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #B34CB3; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
box-shadow: inset 0 0 0 2px #481e48 !important;
background-color: #b34cb3; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #b95ab9; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #b95ab9; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #a847a8; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #c16cc1; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #c77bc7; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #c06bc0; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #4b464b; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #363036; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #3f3a3f; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #3a353a; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #363036; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #3f3a3f; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #B34CB3;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #383238;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(213, 162, 213, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(218, 173, 218, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(221, 183, 221, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(56, 50, 56, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(56, 50, 56, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(65, 60, 65, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(78, 72, 78, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(73, 43, 73, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(54, 48, 54, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(59, 53, 59, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #3b363b;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #3b363b; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #454045; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #514c51; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(210, 159, 210, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(215, 170, 215, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(218, 179, 218, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(210, 159, 210, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #d194d1; }
.shell-link:hover {
color: #e1b7e1; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #585358; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #686368; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #d194d1; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #B34CB3;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(73, 43, 73, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(54, 48, 54, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(59, 53, 59, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #481e48; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #383238; }
.quick-slider .slider-bin:focus:hover {
background-color: #413c41; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #B34CB3;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(69, 42, 69, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #363036; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #3a353a; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(69, 42, 69, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #363036; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #3a353a; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #B34CB3; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(73, 45, 73, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #3a353a; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3f3a3f; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #3b363b; }
.app-folder:focus:hover {
background-color: #454045; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #514c51; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #4c474c; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #3a353a; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(69, 42, 69, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #363036; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #3a353a; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(179, 76, 179, 0.2);
box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3f3a3f; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #383238; }
.keyboard-key:focus:hover {
background-color: #413c41; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #4a454a; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #4a454a; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #bb5ebb;
background-color: #B34CB3; }
.keyboard-key.enter-key {
color: white;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: white;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #329a43; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #383238; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #413c41; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #4a454a; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #bb5ebb;
background-color: #B34CB3; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #383238; }
.word-suggestions StButton:focus:hover {
background-color: #413c41; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #4a454a; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(73, 45, 73, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #3a353a; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3f3a3f; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #B34CB3;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: #3b363b; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #454045; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #514c51; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #B34CB3; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(179, 76, 179, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(179, 76, 179, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(228, 190, 228, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #B34CB3; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(179, 76, 179, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(228, 190, 228, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #B34CB3; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(179, 76, 179, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(228, 190, 228, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #B34CB3; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #c87ec8 !important;
background-color: rgba(179, 76, 179, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(217, 166, 217, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(228, 190, 228, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #B34CB3; }
(uuay)toggle-on-blue-dark.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#3d9eff" rx="12.458" ry="13" style="fill:#0073E5;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-off-magenta-dark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #dddedd; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #d3d4d3; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #c7c8c7; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(210, 216, 211, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #e2e3e2; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #dddedd; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #657B69; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #899e8d !important;
box-shadow: inset 0 0 0 2px #435145 !important;
background-color: #657b69; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #5c7060; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #5c705f; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #6c8370; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #506253; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #47574a; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #516355; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #e1e3e2; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #f7f8f8; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #eeefee; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #dddedd; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #f7f8f8; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #eeefee; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #657B69;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #dddedd;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(81, 92, 83, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(78, 88, 80, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(76, 84, 78, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(57, 59, 58, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(57, 59, 58, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(67, 68, 67, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(79, 80, 79, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(50, 57, 51, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(50, 51, 50, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(55, 56, 55, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #3d3e3d;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #3d3e3d; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #333534; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #272827; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(171, 182, 173, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(181, 191, 183, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(189, 197, 190, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(171, 182, 173, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #4e5f51; }
.shell-link:hover {
color: #657b69; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #cccdcc; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #cccdcc; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #4e5f51; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #657B69;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #657B69;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(50, 57, 51, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(50, 51, 50, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(55, 56, 55, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #435145; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #dddedd; }
.quick-slider .slider-bin:focus:hover {
background-color: #d3d4d3; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #657B69;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(48, 54, 50, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #323332; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #363837; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(48, 54, 50, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #323332; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #363837; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #657B69; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(52, 58, 53, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #363837; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3b3c3c; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #3d3e3d; }
.app-folder:focus:hover {
background-color: #474847; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #535453; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #4f504f; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #363837; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(48, 54, 50, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #323332; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #363837; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(101, 123, 105, 0.2);
box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #3b3c3c; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #dddedd; }
.keyboard-key:focus:hover {
background-color: #d3d4d3; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #c5c6c5; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #c5c6c5; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #708975;
background-color: #657B69; }
.keyboard-key.enter-key {
color: white;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: white;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #278235; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #dddedd; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #d3d4d3; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #c5c6c5; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #708975;
background-color: #657B69; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #dddedd; }
.word-suggestions StButton:focus:hover {
background-color: #d3d4d3; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #c5c6c5; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(52, 58, 53, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #363837; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #3b3c3c; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #657B69;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: #3d3e3d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #474847; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #535453; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #657B69; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(101, 123, 105, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(101, 123, 105, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(199, 207, 201, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #657B69; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(101, 123, 105, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(199, 207, 201, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #657B69; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(101, 123, 105, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(199, 207, 201, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #657B69; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #899e8d !important;
background-color: rgba(101, 123, 105, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(178, 189, 180, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(199, 207, 201, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #657B69; }
(uuay)checkbox-focused-magenta.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#a847a8;fill-rule:evenodd;stroke:#cd89cd;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)toggle-on-red-dark.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#e77d8f" rx="12.458" ry="13" style="fill:#DA3450;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-focused-olive.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#7cdb02;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)dash-placeholder.svg � <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 27"><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)shell/ X calendar-today-light.svg� <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle style="fill:#242424;fill-rule:evenodd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" cx="16" cy="28" r="2"/></svg>
(uuay)checkbox-off-olive.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-prussiangreen-dark.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#308280;fill-rule:evenodd;stroke:#308280;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)checkbox-bark-dark.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#787859;fill-rule:evenodd;stroke:#787859;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)toggle-on-sage-dark.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#92a595" rx="12.458" ry="13" style="fill:#657B69;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-off-prussiangreen.svg2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #dadede; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #d0d4d4; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #c4c8c8; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(196, 218, 217, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #dfe3e3; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #dadede; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #308280; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
box-shadow: inset 0 0 0 2px #1b4a49 !important;
background-color: #308280; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #2b7472; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #2a7371; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #348d8b; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #24605f; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #1e5250; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #246261; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #dfe3e3; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #f5f9f9; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #ebefef; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #dadede; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #f5f9f9; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #ebefef; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #308280;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #dadede;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(55, 96, 95, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(55, 91, 90, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(56, 87, 86, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(55, 59, 59, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(55, 59, 59, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(64, 69, 68, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(76, 81, 81, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(35, 59, 58, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(47, 51, 51, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(52, 56, 56, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #3a3f3e;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #3a3f3e; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #313535; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #252929; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(145, 186, 185, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(158, 194, 193, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(169, 200, 199, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(145, 186, 185, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #225d5b; }
.shell-link:hover {
color: #308280; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #c9cdcd; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #c9cdcd; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #225d5b; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #308280;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #308280;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(35, 59, 58, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(47, 51, 51, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(52, 56, 56, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #1b4a49; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #dadede; }
.quick-slider .slider-bin:focus:hover {
background-color: #d0d4d4; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #308280;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(34, 56, 56, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #2f3333; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #343838; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(34, 56, 56, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #2f3333; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #343838; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #308280; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(38, 60, 59, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #343838; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #393d3d; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #3a3f3e; }
.app-folder:focus:hover {
background-color: #444848; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #505454; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #4c5150; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #343838; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(34, 56, 56, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #2f3333; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #343838; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(48, 130, 128, 0.2);
box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #393d3d; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #dadede; }
.keyboard-key:focus:hover {
background-color: #d0d4d4; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #c2c6c6; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #c2c6c6; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #379592;
background-color: #308280; }
.keyboard-key.enter-key {
color: white;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: white;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #248336; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #dadede; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #d0d4d4; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #c2c6c6; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #379592;
background-color: #308280; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #dadede; }
.word-suggestions StButton:focus:hover {
background-color: #d0d4d4; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #c2c6c6; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(38, 60, 59, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #343838; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #393d3d; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #308280;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: #3a3f3e; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #444848; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #505454; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #308280; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(48, 130, 128, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(48, 130, 128, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(180, 210, 209, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #308280; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(48, 130, 128, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(180, 210, 209, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #308280; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(48, 130, 128, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(180, 210, 209, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #308280; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #43b6b3 !important;
background-color: rgba(48, 130, 128, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(152, 193, 192, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(180, 210, 209, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #308280; }
(uuay)checkbox-bark.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#787859;fill-rule:evenodd;stroke:#787859;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)gnome-shell-viridian.css n� /* 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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #d8dedc; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #ced5d3; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #c2c9c6; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(184, 219, 207, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #dde3e1; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #d8dedc; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #03875B; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #05cd8a !important;
box-shadow: inset 0 0 0 2px #013c29 !important;
background-color: #03875b; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #03744e; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #03734e; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #039665; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #025a3d; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #02462f; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #025c3e; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #dde3e1; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #f2f9f7; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #e9efed; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #d8dedc; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #f2f9f7; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #e9efed; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #03875B;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #d8dedc;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(32, 98, 76, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(36, 93, 74, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(39, 89, 72, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(52, 59, 57, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(52, 59, 57, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(62, 69, 67, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(74, 81, 79, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(21, 60, 47, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(45, 52, 49, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(49, 56, 54, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #383f3d;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #383f3d; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #2f3533; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #222927; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(122, 188, 166, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(139, 196, 177, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(152, 202, 185, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(122, 188, 166, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #025539; }
.shell-link:hover {
color: #03875b; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #c7cdcb; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #c7cdcb; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #025539; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #03875B;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #03875B;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(21, 60, 47, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(45, 52, 49, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(49, 56, 54, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #013c29; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #d8dedc; }
.quick-slider .slider-bin:focus:hover {
background-color: #ced5d3; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #03875B;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(22, 58, 46, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #2d3331; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #323836; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(22, 58, 46, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #2d3331; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #323836; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #03875B; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(26, 61, 49, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #323836; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #363d3b; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #383f3d; }
.app-folder:focus:hover {
background-color: #424846; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #4e5552; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #4a514f; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #323836; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(22, 58, 46, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #2d3331; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #323836; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #363d3b; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #d8dedc; }
.keyboard-key:focus:hover {
background-color: #ced5d3; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #c0c7c4; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #c0c7c4; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #04a06c;
background-color: #03875B; }
.keyboard-key.enter-key {
color: white;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: white;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #228334; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #d8dedc; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #ced5d3; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #c0c7c4; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #04a06c;
background-color: #03875B; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #d8dedc; }
.word-suggestions StButton:focus:hover {
background-color: #ced5d3; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #c0c7c4; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(26, 61, 49, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #323836; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #363d3b; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #03875B;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #383f3d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #424846; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #4e5552; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #03875B; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(3, 135, 91, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(3, 135, 91, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(164, 212, 196, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #03875B; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(3, 135, 91, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(164, 212, 196, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #03875B; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(3, 135, 91, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(164, 212, 196, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #03875B; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(3, 135, 91, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(164, 212, 196, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #03875B; }
(uuay)checkbox-magenta.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#B34CB3;fill-rule:evenodd;stroke:#B34CB3;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)toggle-on-bark.svg, <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#a4a484" rx="12.458" ry="13" style="fill:#787859;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-bark-dark.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-off-focused-viridian-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#05dc94;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)checkbox-focused-prussiangreen-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#266866;fill-rule:evenodd;stroke:#4cbdba;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)checkbox-off-viridian.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)calendar-today.svg � <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><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)toggle-off-bark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-focused-blue.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#006bd6;fill-rule:evenodd;stroke:#3d9eff;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)checkbox-focused-magenta-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#9a419a;fill-rule:evenodd;stroke:#cd89cd;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)checkbox-off-purple-dark.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-off-blue-dark.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #433c39; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #4f4845; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #37302e; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #3c3532; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: #FFFFFF;
background-color: #d34615; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: #FFFFFF;
box-shadow: inset 0 0 0 2px #ef8661 !important;
box-shadow: inset 0 0 0 2px #481807 !important;
background-color: #d34615; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #e54c17; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: #FFFFFF;
background-color: #e64c17; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #c54113; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: #FFFFFF;
background-color: #ea5d2c; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #ec6b3e; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #e95c2a; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #4d4643; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #37302e; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #413a37; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #3c3532; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #37302e; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #413a37; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #d34615;
selected-color: #FFFFFF;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(229, 159, 134, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(232, 171, 150, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(233, 180, 162, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(57, 50, 48, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(57, 50, 48, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(67, 60, 57, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(79, 72, 69, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 41, 27, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(56, 48, 46, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(60, 53, 50, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #3d3633;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #3d3633; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #47403d; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #534c49; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(226, 156, 131, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(229, 168, 147, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(230, 177, 159, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(226, 156, 131, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #ef845f; }
.shell-link:hover {
color: #f4a88d; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #595250; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #6a6260; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: #FFFFFF !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #ef845f; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: #d34615;
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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: #d34615;
color: #FFFFFF; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #d34615;
color: #FFFFFF;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 41, 27, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(56, 48, 46, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(60, 53, 50, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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 #d34615; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(238, 238, 236, 0.5);
padding: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #8d2f0e; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #d34615;
background-color: rgba(211, 70, 21, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #FFFFFF;
background-color: #d34615; }
.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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #481807; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.quick-slider .slider-bin:focus:hover {
background-color: #433c39; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #d34615;
color: #FFFFFF; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #37302e; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #3c3532; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #37302e; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #3c3532; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #d34615; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 44, 31, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #3c3532; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #413a37; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #3d3633; }
.app-folder:focus:hover {
background-color: #47403d; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #534c49; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #4e4744; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #3c3532; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(78, 40, 27, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #37302e; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #3c3532; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(211, 70, 21, 0.2);
box-shadow: inset 0 0 0 2px rgba(211, 70, 21, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #413a37; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(244, 168, 141, 0.3);
box-shadow: 0 0 2px 2px #ef845f; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #d34615;
-pie-background-color: rgba(248, 203, 188, 0.3); }
.magnifier-zoom-region {
border: 2px solid #d34615; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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(211, 70, 21, 0.5);
border: 1px solid #d34615; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.keyboard-key:focus:hover {
background-color: #433c39; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #4c4543; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #4c4543; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #e84f19;
background-color: #d34615; }
.keyboard-key.enter-key {
color: #FFFFFF;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: #FFFFFF;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: #FFFFFF;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #339a3b; }
.keyboard-key.enter-key:checked {
color: #FFFFFF;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #433c39; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #4c4543; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #e84f19;
background-color: #d34615; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #393230; }
.word-suggestions StButton:focus:hover {
background-color: #433c39; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #4c4543; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.lg-dialog .shell-link {
color: #ef845f; }
.lg-dialog .shell-link:hover {
color: #f4a88d; }
.lg-dialog .shell-link:active {
color: #eb6030; }
.lg-dialog .actor-link {
color: #8a8a8a; }
.lg-dialog .actor-link:hover {
color: #bdbdbd; }
.lg-dialog .actor-link:active {
color: #575757; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(82, 44, 31, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #3c3532; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #413a37; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #d34615;
color: #FFFFFF; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: #3d3633; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #47403d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #534c49; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #d34615; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(211, 70, 21, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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(211, 70, 21, 0.5); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #ef8661 !important;
background-color: rgba(211, 70, 21, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(233, 163, 138, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(239, 188, 170, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #d34615; }
(uuay)checkbox-off-blue.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)gnome/ i toggle-off-purple.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#bababa;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-olive.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#4B8501;fill-rule:evenodd;stroke:#4B8501;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)checkbox-off-sage-dark.svg? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)toggle-on-olive-dark.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#7cdb02" rx="12.458" ry="13" style="fill:#4B8501;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-focused-prussiangreen-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#4cbdba;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)checkbox-focused-viridian-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#026443;fill-rule:evenodd;stroke:#05dc94;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)checkbox-off-red-dark.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#464646;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></svg>
(uuay)checkbox-focused-olive-dark.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#376201;fill-rule:evenodd;stroke:#7cdb02;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)gnome-shell-red.css g� /* 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: 1em;
color: #3D3D3D; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #3D3D3D;
background-color: #e3e3e3; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #e3dadc; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #d9d1d2; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #ebebeb; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #3D3D3D;
background-color: #cccccc; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #c2c2c2; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #cdc4c6; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #c4c4c4; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b8b8b8; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #3D3D3D;
background-color: #FAFAFA; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(241, 197, 204, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #e7dfe1; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #FAFAFA; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #d1d1d1; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #e3dadc; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #3D3D3D;
background-color: #e6e6e6; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #d4d4d4; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cfcfcf; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #DA3450; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #e57084 !important;
box-shadow: inset 0 0 0 2px #a41e34 !important;
background-color: #da3450; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #d32744; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #d32644; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #dc415b; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #be233d; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #ac1f37; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #bf233e; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: white;
box-shadow: 0 1px 2px 0 rgba(61, 61, 61, 0.03);
border: 1px solid rgba(61, 61, 61, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #3D3D3D;
background-color: white; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #3D3D3D;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #3D3D3D;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #e7dfe0; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #fdf5f6; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #f3ebed; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #3D3D3D;
background-color: #e8e8e8; }
.calendar:active, .datemenu-today-button:active {
color: #3D3D3D;
background-color: #e3e3e3; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #d1d1d1; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #e3dadc; }
.calendar:focus, .datemenu-today-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #fdf5f6; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #f3ebed; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #DA3450;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #e3e3e3;
color: rgba(61, 61, 61, 0.7); }
StEntry:hover {
background-color: #d9d9d9;
color: #3D3D3D; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #e3dadc;
color: #3D3D3D; }
StEntry:insensitive {
background-color: #ebebeb;
color: rgba(61, 61, 61, 0.5); }
StEntry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(140, 57, 71, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(129, 57, 69, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(61, 61, 61, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(120, 58, 68, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #3D3D3D;
background-color: #cfcfcf; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #c4c4c4; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b8b8b8; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: rgba(61, 61, 61, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(55, 55, 55, 0.978);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(65, 65, 65, 0.978);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(63, 55, 56, 0.9791);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(47, 47, 47, 0.978);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(55, 55, 55, 0.978); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(63, 55, 56, 0.9791); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(73, 65, 66, 0.9791); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(65, 65, 65, 0.978); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(78, 78, 78, 0.978); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(88, 88, 88, 0.978); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(85, 77, 78, 0.9791); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(75, 75, 75, 0.978); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(86, 86, 86, 0.978); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(98, 98, 98, 0.978); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(47, 47, 47, 0.978); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(85, 36, 44, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(56, 47, 49, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(61, 52, 54, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #3b3b3b;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #454545;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #433b3c;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #333333;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(61, 61, 61, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #3b3b3b; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #434343; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #433b3c; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #393132; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #313131; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #242424; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #1a1a1a; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #2d2526; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #272727; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #1c1c1c; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #101010; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(230, 147, 161, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(232, 160, 172, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(233, 170, 181, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #e5e5e5; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #dadada; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cecece; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(230, 147, 161, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #b9223b; }
.shell-link:hover {
color: #da3450; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f9990c;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(61, 61, 61, 0.2);
-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: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #FAFAFA;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(61, 61, 61, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-menu-item:active:focus {
background-color: #d1c9cb; }
.popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #3D3D3D; }
.popup-inactive-menu-item:insensitive {
color: #898989; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #3D3D3D;
background-color: #dedede; }
.popup-sub-menu .popup-menu-item:active {
color: #3D3D3D;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c7c7c7; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #d1c9cb; }
.popup-sub-menu .popup-menu-item:checked {
color: #3D3D3D;
background-color: #d4d4d4; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c9c9c9; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bdbdbd; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(61, 61, 61, 0.4);
background-color: #f0f0f0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #c7c7c7; }
.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: #c7c7c7; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #898989; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #3D3D3D !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #898989; }
.calendar .calendar-day.calendar-other-month {
color: rgba(61, 61, 61, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(61, 61, 61, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(137, 137, 137, 0.2);
color: #898989; }
.events-button .events-box .events-title {
color: #898989;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #898989; }
.events-button .events-box .events-list .event-placeholder {
color: #898989;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #898989; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #3D3D3D; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #898989; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #898989; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #3D3D3D; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(61, 61, 61, 0.25);
color: #898989; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #898989; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #898989;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #3D3D3D;
background-color: rgba(61, 61, 61, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(61, 61, 61, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(61, 61, 61, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(61, 61, 61, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(61, 61, 61, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #b9223b; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #3D3D3D;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(74, 74, 74, 0.1);
color: #3D3D3D; }
.message-media-control:active {
background-color: rgba(74, 74, 74, 0.2);
color: #3D3D3D; }
.message-media-control:insensitive {
color: #969696; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #898989; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 6px; }
.candidate-box:selected {
background-color: #DA3450;
color: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 4px;
background-color: #FAFAFA; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #FAFAFA;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.15); }
.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: #f9990c; }
/* 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: 12px; }
.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: #f9990c; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f9990c; }
/* 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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #DA3450;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(85, 36, 44, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(56, 47, 49, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(61, 52, 54, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.4);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #b01326; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #9e1122; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #941020; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #E95420; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #da4816; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #c74214; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #be3f13; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #E95420; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(61, 61, 61, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #a41e34; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #e3dadc; }
.quick-slider .slider-bin:focus:hover {
background-color: #d9d1d2; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #3D3D3D;
background-color: #e3e3e3; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(61, 61, 61, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #DA3450;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #3D3D3D;
background-color: #e3e3e3;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(61, 61, 61, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(61, 61, 61, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(61, 61, 61, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(61, 61, 61, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #3D3D3D; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.8); }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(80, 35, 43, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #382f31; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #3c3435; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(80, 35, 43, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #382f31; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #3c3435; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #DA3450; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(84, 39, 47, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #3c3435; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #41393a; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #3b3b3b; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #433b3c; }
.app-folder:focus:hover {
background-color: #4d4446; }
.app-folder:hover {
color: #f2f2f2;
background-color: #454545; }
.app-folder:active {
color: #f2f2f2;
background-color: #525252; }
.app-folder:active:hover {
background-color: #5c5c5c; }
.app-folder:active:focus {
background-color: #595052; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #4f4f4f; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #5a5a5a; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #666666; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #333333; }
.app-folder:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #373737; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #414141; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #4e4e4e; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #585858; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #554d4e; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #3c3435; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(80, 35, 43, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #382f31; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #3c3435; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.4);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(218, 52, 80, 0.2);
box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #41393a; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(61, 61, 61, 0.05);
color: #3D3D3D; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f9990c; }
/* 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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #3D3D3D;
background-color: #e1e1e1; }
.keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #e3dadc; }
.keyboard-key:focus:hover {
background-color: #d9d1d2; }
.keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key:active:hover {
background-color: silver; }
.keyboard-key:active:focus {
background-color: #cbc3c4; }
.keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key:grayed {
background-color: #f2f2f2;
color: #3D3D3D;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #3D3D3D;
background-color: #e1e1e1;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-key.default-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-key.default-key:active:hover {
background-color: silver; }
.keyboard-key.default-key:active:focus {
background-color: #cbc3c4; }
.keyboard-key.default-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-key.default-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-key.default-key:checked:active {
background-color: #b6b6b6; }
.keyboard-key.default-key:latched {
border-color: #de4a63;
background-color: #DA3450; }
.keyboard-key.enter-key {
color: white;
background-color: #2da740;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #29973a; }
.keyboard-key.enter-key:active {
color: white;
background-color: #238332; }
.keyboard-key.enter-key:active:hover {
background-color: #1f732c; }
.keyboard-key.enter-key:active:focus {
background-color: #2c7f34; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #248734; }
.keyboard-key.enter-key:checked:hover {
background-color: #20772e; }
.keyboard-key.enter-key:checked:active {
background-color: #1b6326; }
.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(29, 29, 29, 0.975);
-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: #e1e1e1;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #e3dadc; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #d9d1d2; }
.keyboard-subkeys .keyboard-key:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.keyboard-subkeys .keyboard-key:active {
color: #3D3D3D;
background-color: #cacaca; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: silver; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #cbc3c4; }
.keyboard-subkeys .keyboard-key:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #c2c2c2; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #b6b6b6; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #de4a63;
background-color: #DA3450; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #3D3D3D; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #3D3D3D;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #e3dadc; }
.word-suggestions StButton:focus:hover {
background-color: #d9d1d2; }
.word-suggestions StButton:hover {
color: #3D3D3D;
background-color: #d7d7d7; }
.word-suggestions StButton:active {
color: #3D3D3D;
background-color: #cacaca; }
.word-suggestions StButton:active:hover {
background-color: silver; }
.word-suggestions StButton:active:focus {
background-color: #cbc3c4; }
.word-suggestions StButton:checked {
color: #3D3D3D;
background-color: #cdcdcd; }
.word-suggestions StButton:checked:hover {
background-color: #c2c2c2; }
.word-suggestions StButton:checked:active {
background-color: #b6b6b6; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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: #898989; }
.lg-dialog .actor-link:hover {
color: #bcbcbc; }
.lg-dialog .actor-link:active {
color: #565656; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #3D3D3D;
background-color: #e3e3e3; }
.lg-obj-inspector-button:hover {
color: #3D3D3D;
background-color: #d9d9d9; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #FAFAFA;
border: 1px solid #c7c7c7;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f9990c; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(84, 39, 47, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #3c3435; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #41393a; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #DA3450;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #3b3b3b;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: #433b3c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #4d4446; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #454545; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #525252; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5c5c5c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #595052; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #DA3450; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(218, 52, 80, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(250, 250, 250, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(218, 52, 80, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(242, 182, 192, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #DA3450; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(218, 52, 80, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(242, 182, 192, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #DA3450; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(218, 52, 80, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(242, 182, 192, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #DA3450; }
#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 {
border-radius: 9px; }
#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 .app-well-app: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); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #e57084 !important;
background-color: rgba(218, 52, 80, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(237, 154, 168, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(242, 182, 192, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #DA3450; }
(uuay)checkbox-off-focused-purple.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#b4a9e9;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)checkbox-sage.svg6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#657B69;fill-rule:evenodd;stroke:#657B69;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)toggle-on-prussiangreen-dark.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#4cbdba" rx="12.458" ry="13" style="fill:#308280;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-off-prussiangreen-dark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)toggle-off-viridian-dark.svg 2 <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#575757;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-red.svg ? <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1622" sodipodi:docname="checkbox-off.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1626"/><sodipodi:namedview id="namedview1624" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1622"/><rect style="display:inline;fill:#FAFAFA;fill-rule:evenodd;stroke:#c7c7c7;stroke-width:1;stroke-linejoin:round" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/></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: 1em;
color: #F7F7F7; }
/* Common Stylings */
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result, #dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result, #dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result, #dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result, #dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon, .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 12px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 6px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pad-osd-window .button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #F7F7F7;
background-color: #313131; }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #2f3533; }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #383f3d; }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #292929; }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #F7F7F7;
background-color: #484848; }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .login-dialog-button.web-login-intro-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #525252; }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .login-dialog-button.web-login-intro-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #454b49; }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #F7F7F7;
background-color: #454545; }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #505050; }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #5c5c5c; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #F7F7F7;
background-color: #1d1d1d; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.login-dialog-button.web-login-intro-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(22, 58, 46, 0.2875); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.login-dialog-button.web-login-intro-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #2d3331; }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.login-dialog-button.web-login-intro-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.login-dialog-button.web-login-intro-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #1d1d1d; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.login-dialog-button.web-login-intro-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.login-dialog-button.web-login-intro-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #F7F7F7;
background-color: #343434; }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.login-dialog-button.web-login-intro-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.login-dialog-button.web-login-intro-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #464646; }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.login-dialog-button.web-login-intro-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.login-dialog-button.web-login-intro-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #323836; }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.login-dialog-button.web-login-intro-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #F7F7F7;
background-color: #323232; }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.login-dialog-button.web-login-intro-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #434343; }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.login-dialog-button.web-login-intro-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #484848; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: white;
background-color: #03875B; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.login-dialog-button.web-login-intro-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: white;
box-shadow: inset 0 0 0 2px #05cd8a !important;
box-shadow: inset 0 0 0 2px black !important;
background-color: #03875b; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.login-dialog-button.web-login-intro-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #039a68; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.login-dialog-button.web-login-intro-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: white;
background-color: #039b68; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.login-dialog-button.web-login-intro-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #037851; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.login-dialog-button.web-login-intro-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: white;
background-color: #04b479; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.login-dialog-button.web-login-intro-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #04c887; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.login-dialog-button.web-login-intro-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #04b278; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 9px;
padding: 0.818em;
margin: 4px;
background-color: #2f2f2f;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #F7F7F7;
background-color: #2f2f2f; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #F7F7F7;
background-color: #393939; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #F7F7F7;
background-color: #464646; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #505050; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #434947; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #2d3331; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #363d3b; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #F7F7F7;
background-color: #2f2f2f; }
.calendar:active, .datemenu-today-button:active {
color: #F7F7F7;
background-color: #343434; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #464646; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #323836; }
.calendar:focus, .datemenu-today-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #2d3331; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #363d3b; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #272727; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
min-height: 22px;
border-radius: 6px;
padding: 9px 9px;
selection-background-color: #03875B;
selected-color: white;
border-width: 1px; }
StEntry {
background-color: #313131;
color: rgba(247, 247, 247, 0.7); }
StEntry:hover {
background-color: #3b3b3b;
color: #F7F7F7; }
StEntry:focus {
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #2f3533;
color: #F7F7F7; }
StEntry:insensitive {
background-color: #292929;
color: rgba(247, 247, 247, 0.5); }
StEntry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(125, 191, 169, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(142, 199, 180, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(247, 247, 247, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(155, 205, 188, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #F7F7F7;
background-color: #454545; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #505050; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #5c5c5c; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: rgba(247, 247, 247, 0.17); }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 5px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 5px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 5px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 5px 5px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: #222222;
border: 1px solid #464646;
color: #f2f2f2;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .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: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .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: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .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, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975);
border: 1px solid #464646;
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: rgba(49, 49, 49, 0.97725);
color: rgba(238, 238, 236, 0.7); }
.lg-dialog StEntry:hover {
background-color: rgba(59, 59, 59, 0.97725);
color: #eeeeec; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(47, 53, 51, 0.978387);
color: #eeeeec; }
.lg-dialog StEntry:insensitive {
background-color: rgba(41, 41, 41, 0.97725);
color: rgba(238, 238, 236, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(238, 238, 236, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #eeeeec;
background-color: rgba(49, 49, 49, 0.97725); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(47, 53, 51, 0.978387); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: rgba(56, 63, 61, 0.978387); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #eeeeec;
background-color: rgba(59, 59, 59, 0.97725); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #eeeeec;
background-color: rgba(72, 72, 72, 0.97725); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: rgba(82, 82, 82, 0.97725); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: rgba(68, 75, 73, 0.978387); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #eeeeec;
background-color: rgba(69, 69, 69, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: rgba(80, 80, 80, 0.97725); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: rgba(92, 92, 92, 0.97725); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(41, 41, 41, 0.97725); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(21, 60, 47, 0.26375); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(45, 52, 49, 0.97625); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: rgba(49, 56, 54, 0.97625); }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #353535;
color: rgba(242, 242, 242, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #3f3f3f;
color: #f2f2f2; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #333937;
color: #f2f2f2; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #2d2d2d;
color: rgba(242, 242, 242, 0.5); }
.login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(247, 247, 247, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: #353535; }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #333937; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #3c4341; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #565656; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #484f4d; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #494949; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #545454; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #606060; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(122, 188, 166, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(139, 196, 177, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:hover {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:active {
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(242, 242, 242, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus,
.unlock-dialog .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(152, 202, 185, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked {
color: #f2f2f2;
background-color: #444444; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4f4f4f; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active,
.unlock-dialog .login-dialog-button.web-login-intro-button:checked:active {
background-color: #5b5b5b; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive,
.unlock-dialog .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: rgba(242, 242, 242, 0.17); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(242, 242, 242, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(252, 252, 252, 0.1);
color: #f2f2f2; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(122, 188, 166, 0.145);
color: #f2f2f2;
box-shadow: inset 0 0 0 2px rgba(242, 242, 242, 0.4) !important;
background-color: rgba(242, 242, 242, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(234, 234, 234, 0.1);
color: rgba(242, 242, 242, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(242, 242, 242, 0.7); }
/* WIDGETS */
.shell-link {
color: #05eb9e; }
.shell-link:hover {
color: #29fab4; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f99b11;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* 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: 46px;
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"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* 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: 1px;
-slider-handle-border-color: transparent;
-slider-handle-radius: 0.6135em;
color: #fcfcfc;
height: 1.363em; }
/* 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;
background-color: #1d1d1d;
border-radius: 7.5px;
border-radius: 13.5px;
border: 1px solid rgba(247, 247, 247, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 9px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #F7F7F7;
background-color: #464646; }
.popup-menu-item:active {
color: #F7F7F7;
background-color: #535353; }
.popup-menu-item:active:hover {
background-color: #5d5d5d; }
.popup-menu-item:active:focus {
background-color: #4f5653; }
.popup-menu-item:checked {
color: #F7F7F7;
background-color: #505050; }
.popup-menu-item:checked:hover {
background-color: #5b5b5b; }
.popup-menu-item:checked:active {
background-color: #676767; }
.popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #343434; }
.popup-menu-item:checked {
border-radius: 9px 9px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #F7F7F7; }
.popup-inactive-menu-item:insensitive {
color: #8a8a8a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 10px 10px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #F7F7F7;
background-color: #575757; }
.popup-sub-menu .popup-menu-item:active {
color: #F7F7F7;
background-color: #646464; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6e6e6e; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #5f6664; }
.popup-sub-menu .popup-menu-item:checked {
color: #F7F7F7;
background-color: #616161; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #6c6c6c; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #787878; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(247, 247, 247, 0.5);
background-color: #454545; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 9px 9px;
border-bottom-width: 0; }
.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 9px 9px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #464646; }
.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: #464646; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.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-popover {
border-radius: 27px;
border-radius: 13.5px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label {
color: #8a8a8a; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #F7F7F7 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #8a8a8a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(247, 247, 247, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(247, 247, 247, 0.5); }
.calendar .calendar-day.calendar-today {
color: white !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 6px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: rgba(138, 138, 138, 0.2);
color: #8a8a8a; }
.events-button .events-box .events-title {
color: #8a8a8a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 6px; }
.events-button .events-box .events-list .event-box .event-time {
color: #8a8a8a; }
.events-button .events-box .events-list .event-placeholder {
color: #8a8a8a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #8a8a8a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #F7F7F7; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #8a8a8a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #8a8a8a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #F7F7F7; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* 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(247, 247, 247, 0.25);
color: #8a8a8a; }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 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 {
padding: 0;
margin: 0;
border-radius: 6px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #8a8a8a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #8a8a8a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #F7F7F7;
background-color: rgba(247, 247, 247, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(247, 247, 247, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(247, 247, 247, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(247, 247, 247, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(247, 247, 247, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #05eb9e; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 6px;
color: #F7F7F7;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #F7F7F7; }
.message-media-control:active {
background-color: rgba(255, 255, 255, 0.2);
color: #F7F7F7; }
.message-media-control:insensitive {
color: #979797; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 6px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.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: white; }
.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 StIcon {
icon-size: 16px; }
.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; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px;
background-color: #1d1d1d; }
.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; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1d1d1d;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(247, 247, 247, 0.15); }
.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: 12px; }
.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: white; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* 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; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* 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: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-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: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #03875B;
color: white;
border-radius: 6px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* 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: 12px;
border-radius: 18px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #eeeeec;
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:focus {
color: #eeeeec;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(21, 60, 47, 0.26375); }
.switcher-list .item-box:focus:hover {
background-color: rgba(45, 52, 49, 0.97625); }
.switcher-list .item-box:hover {
color: #eeeeec;
background-color: rgba(47, 47, 47, 0.975); }
.switcher-list .item-box:active {
color: #eeeeec;
background-color: rgba(52, 52, 52, 0.975); }
.switcher-list .item-box:active:hover {
background-color: rgba(70, 70, 70, 0.975); }
.switcher-list .item-box:active:focus {
background-color: rgba(49, 56, 54, 0.97625); }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #eeeeec;
background-color: rgba(50, 50, 50, 0.975); }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(67, 67, 67, 0.975); }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: rgba(72, 72, 72, 0.975); }
.switcher-list .item-box:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(29, 29, 29, 0.975); }
.switcher-list .item-box:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(238, 238, 236, 0.2); }
.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: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #eeeeec;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 12px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: -6px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #eeeeec;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #eeeeec;
transition-duration: 200ms;
border-radius: 999px; }
.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: #bebeb6; }
.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(238, 238, 236, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(238, 238, 236, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(238, 238, 236, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #eeeeec;
color: rgba(29, 29, 29, 0.975); }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(238, 238, 236, 0.5); }
.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: 999px;
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: 6px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
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: white;
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 {
text-align: center;
-y-offset: 24px;
border: 1px solid #464646; }
/* Top Bar */
#panel {
background-color: #131313;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #f2f2f2; }
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em; }
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #c7162b; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #de1930; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e7243b; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e82d43; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px #f99b11; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #faa52a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #faae3e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #fab248; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: white;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #f2f2f2; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #f2f2f2;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #f99b11; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 13.5px;
border-radius: 13.5px; }
.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
padding: 10.5px; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(247, 247, 247, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: black; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
padding: 6px; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #2f3533; }
.quick-slider .slider-bin:focus:hover {
background-color: #383f3d; }
.quick-toggle-menu {
border-radius: 18px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #F7F7F7;
background-color: #313131; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(247, 247, 247, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #03875B;
color: white; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #F7F7F7;
background-color: #313131;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(247, 247, 247, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
padding: 6px;
background-color: rgba(247, 247, 247, 0.13); }
.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .login-dialog-button.web-login-intro-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
.background-app-item .message .message-header .message-close-button:hover,
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
background-color: rgba(247, 247, 247, 0.22); }
.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .login-dialog-button.web-login-intro-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
.background-app-item .message .message-header .message-close-button:active,
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
background-color: rgba(247, 247, 247, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #F7F7F7; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #222222; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(52, 52, 52, 0.98);
color: #f2f2f2;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
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(70, 70, 70, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(85, 85, 85, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 24px;
margin-bottom: 12px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #1d1d1d;
color: #f2f2f2;
border-radius: 9px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border: 1px solid #464646; }
.list-search-result, .search-provider-icon {
color: #f2f2f2;
background-color: #1d1d1d;
border-radius: 9.9px; }
.list-search-result:focus, .search-provider-icon:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(22, 58, 46, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #2d3331; }
.list-search-result:hover, .search-provider-icon:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.list-search-result:active, .search-provider-icon:active {
color: #f2f2f2;
background-color: #343434; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #464646; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #323836; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: #f2f2f2;
background-color: #323232; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #434343; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #484848; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.search-statustext {
color: rgba(242, 242, 242, 0.8); }
.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: #f2f2f2; }
.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: #8a8a8a; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #1d1d1d;
border-radius: 18px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #464646; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: #1d1d1d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(22, 58, 46, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #2d3331; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: #2f2f2f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: #343434; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #464646; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #323836; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: #323232; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #434343; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #484848; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px;
background-color: #03875B; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: #464646; }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: #f2f2f2;
background-color: #222222;
border-radius: 18px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(26, 61, 49, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #323836; }
.overview-tile:hover, .grid-search-result:hover {
color: #f2f2f2;
background-color: #343434; }
.overview-tile:active, .grid-search-result:active {
color: #f2f2f2;
background-color: #393939; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #4b4b4b; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #363d3b; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: #f2f2f2;
background-color: #373737; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #484848; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #4e4e4e; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #222222; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: #f2f2f2;
background-color: #353535; }
.app-folder:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #333937; }
.app-folder:focus:hover {
background-color: #3c4341; }
.app-folder:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.app-folder:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.app-folder:active:hover {
background-color: #565656; }
.app-folder:active:focus {
background-color: #484f4d; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: #f2f2f2;
background-color: #494949; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #545454; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #606060; }
.app-folder:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #2d2d2d; }
.app-folder:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 24px;
background-color: #1d1d1d;
color: #f2f2f2;
border: 1px solid #464646; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
padding-bottom: 0; }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 12em; }
.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
color: #f2f2f2;
background-color: #303030; }
.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
color: #f2f2f2;
background-color: #3a3a3a; }
.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .login-dialog-button.web-login-intro-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
color: #f2f2f2;
background-color: #474747; }
.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
.app-folder-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
background-color: #515151; }
.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .login-dialog-button.web-login-intro-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
.app-folder-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
background-color: #444a48; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .page-navigation-arrow:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #464646; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #323836; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: #f2f2f2;
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(22, 58, 46, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #2d3331; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: #f2f2f2;
background-color: #2f2f2f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: #f2f2f2;
background-color: #343434; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #464646; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #323836; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: #f2f2f2;
background-color: #323232; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #434343; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #484848; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(242, 242, 242, 0.5);
background-color: #1d1d1d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(3, 135, 91, 0.2);
box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.8); }
.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;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #f2f2f2;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 999px;
icon-size: 48px; }
.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: 9px 0px 0px 9px; }
.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 9px 9px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: #f2f2f2;
background-color: #222222; }
.page-navigation-arrow > StIcon {
color: #f2f2f2; }
.page-navigation-arrow:hover {
color: #f2f2f2;
background-color: #343434; }
.page-navigation-arrow:active {
color: #f2f2f2;
background-color: #393939; }
.page-navigation-arrow:active:hover {
background-color: #4b4b4b; }
.page-navigation-arrow:active:focus {
background-color: #363d3b; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px;
border-color: transparent; }
.workspace-thumbnails .workspace-thumbnail {
color: #f2f2f2;
background-color: #3c3c3c;
border-radius: 3px;
border: 1px solid transparent;
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: 6px; }
.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 {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
/* Yaru: See commit 3d4aca768250 */
background-color: rgba(247, 247, 247, 0.05);
color: #F7F7F7; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.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: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 7.5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #F7F7F7;
background-color: #2e2e2e; }
.keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #2f3533; }
.keyboard-key:focus:hover {
background-color: #383f3d; }
.keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key:active:focus {
background-color: #424846; }
.keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key:checked:active {
background-color: #595959; }
.keyboard-key:grayed {
background-color: #151515;
color: #F7F7F7;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: #F7F7F7;
background-color: #2e2e2e;
border-radius: 7.5px; }
.keyboard-key.default-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-key.default-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-key.default-key:active:hover {
background-color: #4f4f4f; }
.keyboard-key.default-key:active:focus {
background-color: #424846; }
.keyboard-key.default-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-key.default-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-key.default-key:checked:active {
background-color: #595959; }
.keyboard-key.default-key:latched {
border-color: #04a06c;
background-color: #03875B; }
.keyboard-key.enter-key {
color: white;
background-color: #217a2f;
border-radius: 7.5px;
color: #eeeeec; }
.keyboard-key.enter-key:hover {
color: white;
background-color: #258a35; }
.keyboard-key.enter-key:active {
color: white;
background-color: #2b9e3d; }
.keyboard-key.enter-key:active:hover {
background-color: #2fae43; }
.keyboard-key.enter-key:active:focus {
background-color: #299d3e; }
.keyboard-key.enter-key:checked {
color: white;
background-color: #2a9a3b; }
.keyboard-key.enter-key:checked:hover {
background-color: #2eaa42; }
.keyboard-key.enter-key:checked:active {
background-color: #33be49; }
.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(29, 29, 29, 0.975);
-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: #2e2e2e;
border-radius: 7.5px; }
.keyboard-subkeys .keyboard-key:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #2f3533; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #383f3d; }
.keyboard-subkeys .keyboard-key:hover {
color: #F7F7F7;
background-color: #383838; }
.keyboard-subkeys .keyboard-key:active {
color: #F7F7F7;
background-color: #454545; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #4f4f4f; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #424846; }
.keyboard-subkeys .keyboard-key:checked {
color: #F7F7F7;
background-color: #424242; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #4d4d4d; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #595959; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #04a06c;
background-color: #03875B; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #eeeeec;
color: #F7F7F7; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #F7F7F7;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #2f3533; }
.word-suggestions StButton:focus:hover {
background-color: #383f3d; }
.word-suggestions StButton:hover {
color: #F7F7F7;
background-color: #383838; }
.word-suggestions StButton:active {
color: #F7F7F7;
background-color: #454545; }
.word-suggestions StButton:active:hover {
background-color: #4f4f4f; }
.word-suggestions StButton:active:focus {
background-color: #424846; }
.word-suggestions StButton:checked {
color: #F7F7F7;
background-color: #424242; }
.word-suggestions StButton:checked:hover {
background-color: #4d4d4d; }
.word-suggestions StButton:checked:active {
background-color: #595959; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(29, 29, 29, 0.955);
color: #eeeeec;
border-radius: 6px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#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: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.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-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
padding: 4px;
border-radius: 6px;
color: #F7F7F7;
background-color: #313131; }
.lg-obj-inspector-button:hover {
color: #F7F7F7;
background-color: #3b3b3b; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1d1d1d;
border: 1px solid #464646;
border-radius: 6px;
padding: 6px; }
.lg-debug-flag-button {
color: #eeeeec; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #bebeb6; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #f2f2f2; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: #f2f2f2; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8c8c8c;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f99b11; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #d8d8d8; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: #f2f2f2;
background-color: #222222;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(26, 61, 49, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #323836; }
.login-dialog-not-listed-button:hover {
color: #f2f2f2;
background-color: #343434; }
.login-dialog-not-listed-button:active {
color: #f2f2f2;
background-color: #393939; }
.login-dialog-not-listed-button:active:hover {
background-color: #4b4b4b; }
.login-dialog-not-listed-button:active:focus {
background-color: #363d3b; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 4px;
color: #a5a5a5; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #03875B;
color: white; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: #f2f2f2;
background-color: #353535;
border-radius: 6px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: #333937; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #3c4341; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: #f2f2f2;
background-color: #3f3f3f; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: #f2f2f2;
background-color: #4c4c4c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #565656; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #484f4d; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
border: 2px solid transparent; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: rgba(242, 242, 242, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #03875B; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(3, 135, 91, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(29, 29, 29, 0.7);
border-radius: 6px;
margin-bottom: 3em; }
.web-login-spinner {
background-color: rgba(0, 0, 0, 0.5);
border: 5px rgba(0, 0, 0, 0);
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #a5a5a5; }
.web-login-url-label {
font-size: 1em;
color: #f2f2f2;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #f2f2f2; }
.web-login-code-label {
font-size: 1em;
color: #f2f2f2;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 12px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #f2f2f2;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #f2f2f2;
height: 3em;
text-align: center;
border-radius: 24px; }
.unlock-dialog {
background-color: transparent; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: none !important; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #222222; }
.unlock-dialog-clock {
color: #f2f2f2;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 12px;
font-weight: bold; }
#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); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
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(242, 242, 242, 0.1);
color: #f2f2f2;
border-radius: 6px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(242, 242, 242, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #f2f2f2;
background-color: rgba(242, 242, 242, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #f2f2f2; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(242, 242, 242, 0.13);
color: #f2f2f2; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px;
color: #f2f2f2; }
login-dialog StEntry {
background-color: #1b1b1b;
color: #F7F7F7;
border-color: #464646; }
.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 .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); }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background: black;
border-radius: 3px;
border-color: white;
border-width: 1em; }
* {
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
*/
.dash-item-container .overview-tile .overview-icon, .dash-item-container .grid-search-result .overview-icon,
.dash-item-container .show-apps .overview-icon {
background-color: rgba(255, 255, 255, 0); }
.dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .grid-search-result:hover .overview-icon,
.dash-item-container .overview-tile.focused .overview-icon,
.dash-item-container .focused.grid-search-result .overview-icon,
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.bottom #dash .dash-background {
margin: 0;
margin-bottom: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-top: 3px; }
.dash-label.bottom.shrink {
margin-bottom: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.bottom {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.top #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.top #dash .dash-background {
margin: 0;
margin-top: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.top #dash .dash-item-container .overview-tile,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child {
padding-left: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app: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,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child,
#dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result {
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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:last-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result: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 .app-well-app: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,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile: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 .overview-tile:rtl:first-child,
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child {
padding-right: 0; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-bottom: 3px; }
.dash-label.top.shrink {
margin-top: 3px;
-x-offset: 0;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.top {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child {
padding-left: 1em; }
.dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child {
padding-right: 1em; }
#dashtodockContainer.left #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.left #dash .dash-background {
margin: 0;
margin-left: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.left #dash .dash-item-container .overview-tile,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-right: 3px; }
.dash-label.left.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.left {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.left:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.left:last-child {
padding-bottom: 1em; }
#dashtodockContainer.right #dash {
margin: 0px;
padding: 0px; }
#dashtodockContainer.right #dash .dash-background {
margin: 0;
margin-right: 4px;
padding: 0;
border-radius: 9px;
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 .show-apps,
#dashtodockContainer.right #dash .dash-item-container .overview-tile,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right #dash .dash-item-container .app-well-app .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 .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: 7px;
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 .show-apps,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child {
padding-top: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .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 .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 .show-apps,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result {
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 .show-apps:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result: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 .show-apps:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child,
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child {
padding-bottom: 0; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon {
background-image: none; }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon {
background-color: rgba(238, 238, 238, 0.2); }
#dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .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 .show-apps {
padding-left: 3px; }
.dash-label.right.shrink {
margin: 0;
-x-offset: 3px;
-y-offset: 0; }
.dashtodock-app-well-preview-menu-item.right {
padding: 0.5em 0.5em; }
.dashtodock-app-well-preview-menu-item.right:first-child {
padding-top: 1em; }
.dashtodock-app-well-preview-menu-item.right:last-child {
padding-bottom: 1em; }
#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. The possible elements
* are:
*
* -XXXXXX-YYYYYY: plain color
* -XXXXXX-YYYYYY-color-start: start color for gradient
* -XXXXXX-YYYYYY-color-end: end color for gradient
* -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1)
* -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1)
* -XXXXXX-line-width: width value for the line used for the border
*
* XXXXXX can be either
*
* progress-bar-track: the "track" over which the progress bar is shown
* progress-bar: the progress bar itself
*
* YYYYYY can be either
*
* background: for the background color
* border: for the border color
*
* plain color entries have priority over gradients, so if both are set for
* an element, the plain color will be used.
*
* Examples:
*
* -progress-bar-track-background: rgba(128, 128, 0, 0.75);
* -progress-bar-track-border: rgba(0, 0, 255, 0.25);
*
* -progress-bar-background: rgba(0, 204, 204, 1);
* -progress-bar-border: rgba(230, 230, 230, 1);
*
* Default values when these entries aren't set are equivalent to:
* -progress-bar-track-background-color-start: 64, 64, 64, 1.0
* -progress-bar-track-background-color-end: 89, 89, 89, 1.0
* -progress-bar-track-background-start-offset: 0.4
* -progress-bar-track-background-end-offset: 0.9
* -progress-bar-track-border-color-start: 128, 128, 128, 0.1
* -progress-bar-track-border-color-end: 89, 89, 89, 0.4
* -progress-bar-track-border-start-offset: 0.5
* -progress-bar-track-border-end-offset: 0.9
* -progress-bar-track-line-width: 1
* -progress-bar-background: 204, 204, 204, 1.0
* -progress-bar-border: 230, 230, 230, 1.0
* -progress-bar-line-width: 1
*/
-progress-bar-track-background: rgba(0, 0, 0, 0.45);
-progress-bar-track-border: rgba(0, 0, 0, 0.7);
-progress-bar-background: white;
-progress-bar-border: white; }
#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; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.bottom .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.bottom .dash-item-container .show-apps,
#dashtodockContainer.bottom .dash-item-container .overview-tile,
#dashtodockContainer.bottom .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.bottom .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(3, 135, 91, 0.05); }
#dashtodockContainer.bottom .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.bottom .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.bottom .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(164, 212, 196, 0.2115); }
#dashtodockContainer.bottom .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #03875B; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.top .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.top .dash-item-container .show-apps,
#dashtodockContainer.top .dash-item-container .overview-tile,
#dashtodockContainer.top .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.top .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(3, 135, 91, 0.05); }
#dashtodockContainer.top .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.top .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.top .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(164, 212, 196, 0.2115); }
#dashtodockContainer.top .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #03875B; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.left .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.left .dash-item-container .show-apps,
#dashtodockContainer.left .dash-item-container .overview-tile,
#dashtodockContainer.left .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.left .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(3, 135, 91, 0.05); }
#dashtodockContainer.left .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.left .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.left .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(164, 212, 196, 0.2115); }
#dashtodockContainer.left .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #03875B; }
#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 {
border-radius: 9px; }
#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 .app-well-app:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.25);
box-shadow: none; }
#dashtodockContainer.right .notification-badge {
background-color: #0c6d1a;
border: 1px solid #073f0f;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
#dashtodockContainer.right .dash-item-container .show-apps,
#dashtodockContainer.right .dash-item-container .overview-tile,
#dashtodockContainer.right .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dashtodockContainer.right .dash-item-container .show-apps .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result .overview-icon {
color: #f2f2f2;
background-color: transparent; }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon {
color: #f2f2f2;
box-shadow: inset 0 0 0 2px #05cd8a !important;
background-color: rgba(3, 135, 91, 0.05); }
#dashtodockContainer.right .dash-item-container .show-apps:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:focus .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:hover .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:hover .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
#dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile:active .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: rgba(129, 195, 173, 0.145); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .overview-tile:checked .overview-icon:active,
#dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: rgba(255, 255, 255, 0.25); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon {
color: #f2f2f2;
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:hover,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:hover {
background-color: rgba(255, 255, 255, 0.17); }
#dashtodockContainer.right .dash-item-container .show-apps.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .overview-tile.focused .overview-icon:focus,
#dashtodockContainer.right .dash-item-container .focused.grid-search-result .overview-icon:focus {
background-color: rgba(164, 212, 196, 0.2115); }
#dashtodockContainer.right .dash-item-container .app-grid-running-dot {
margin-bottom: 19px;
background-color: #03875B; }
(uuay)checkbox-prussiangreen.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#308280;fill-rule:evenodd;stroke:#308280;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)checkbox-olive-dark.svg 6 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg745" sodipodi:docname="checkbox.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs749"/><sodipodi:namedview id="namedview747" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="19.666667" inkscape:cx="6.9406778" inkscape:cy="12.483051" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg745"/><rect style="display:inline;fill:#4B8501;fill-rule:evenodd;stroke:#4B8501;stroke-width:1;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21" height="21" x="1.5" y="1.5" ry="3.2307692"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.470922,6.7764777 1.571178,1.5711778 -8.860678,8.8606775 -5.3298554,-5.332033 1.5711778,-1.571178 3.7586776,3.758678 z" id="path897"/></svg>
(uuay)toggle-on-viridian.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#05dc94" rx="12.458" ry="13" style="fill:#03875B;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-focused-light.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#e34b16;fill-rule:evenodd;stroke:#f1916f;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)toggle-on-red.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#e77d8f" rx="12.458" ry="13" style="fill:#DA3450;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)Yaru/ 1 @ 9
a , p < 3 � L d � r ] checkbox-off-focused-olive-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#7cdb02;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)toggle-on-magenta.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#cd89cd" rx="12.458" ry="13" style="fill:#B34CB3;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-focused-sage.svg F <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1032" sodipodi:docname="checkbox-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1036"/><sodipodi:namedview id="namedview1034" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="-2.5932203" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1032"/><rect style="display:inline;fill:#5e7362;fill-rule:evenodd;stroke:#92a595;stroke-width:2;stroke-linejoin:round;fill-opacity:1" id="rect481" width="21.999998" height="21.999998" x="1" y="1" ry="3.3846152"/><path style="display:inline;fill:#ffffff;fill-rule:evenodd;stroke-width:0.5;stroke-linecap:square" d="m 17.471355,6.776 1.571178,1.5711778 -8.860678,8.8606772 -5.329855,-5.332032 1.571177,-1.571178 3.758678,3.758678 z" id="path897"/></svg>
(uuay)toggle-on-olive.svg , <?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#7cdb02" rx="12.458" ry="13" style="fill:#4B8501;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg>
(uuay)checkbox-off-focused-blue-dark.svg _ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" id="svg1782" sodipodi:docname="checkbox-off-focused.svg" inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"><defs id="defs1786"/><sodipodi:namedview id="namedview1784" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="9.8333333" inkscape:cx="11.949153" inkscape:cy="12.050847" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg1782"/><rect style="display:inline;fill:#1d1d1d;fill-rule:evenodd;stroke:#3d9eff;stroke-width:2;stroke-linejoin:round" id="rect481" width="21.999998" height="21.999998" x="1.000001" y="1.000001" ry="3.3846152"/></svg>
(uuay)
Zerion Mini Shell 1.0