gnome-shell/data/theme/gnome-shell.css

1865 lines
44 KiB
CSS
Raw Normal View History

/* Copyright 2009, 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.
*/
/* Network */
.nm-dialog {
max-height: 500px;
min-height: 450px;
min-width: 470px; }
.nm-dialog-content {
spacing: 20px; }
.nm-dialog-header-hbox {
spacing: 10px; }
.nm-dialog-airplane-box {
spacing: 12px; }
.nm-dialog-airplane-headline {
font-size: 1.1em;
font-weight: bold;
text-align: center; }
.nm-dialog-airplane-text {
color: #999999; }
.nm-dialog-header-icon {
icon-size: 32px; }
.nm-dialog-scroll-view {
border: 2px solid #666;
border-radius: 6px; }
.nm-dialog-header {
font-weight: bold; }
.nm-dialog-item {
font-size: 12pt;
border-bottom: 1px solid #666;
padding: 12px;
spacing: 20px; }
.nm-dialog-item:selected {
background-color: #333; }
.nm-dialog-icons {
spacing: .5em; }
.nm-dialog-icon {
icon-size: 16px; }
.no-networks-label {
color: #999999; }
.no-networks-box {
spacing: 12px; }
/* Overview */
/* LookingGlass */
#LookingGlassDialog {
background-color: rgba(0, 0, 0, 0.8);
spacing: 4px;
padding: 4px;
border: 2px solid grey;
border-radius: 4px; }
#LookingGlassDialog > #Toolbar {
border: 1px solid grey;
border-radius: 4px; }
#LookingGlassDialog .labels {
spacing: 4px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
color: #ccc;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em; }
#LookingGlassDialog .notebook-tab:hover {
color: white;
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog .notebook-tab:selected {
border-image: url("panel-button-border.svg") 10 10 0 2;
background-image: url("panel-button-highlight-wide.svg");
color: white;
text-shadow: black 0px 2px 2px; }
.lg-dialog StEntry {
selection-background-color: #bbbbbb;
selected-color: #333333; }
.lg-completions-text {
font-size: .9em;
font-style: italic; }
.lg-obj-inspector-title {
spacing: 4px; }
.lg-obj-inspector-button {
border: 1px solid gray;
padding: 4px;
border-radius: 4px; }
.lg-obj-inspector-button:hover {
border: 1px solid #ffffff; }
.lg-dialog .shell-link {
color: #999999; }
.lg-dialog .shell-link:hover {
color: #dddddd; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 4px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 4px; }
#lookingGlassExtensions {
padding: 4px; }
.lg-extensions-list {
padding: 4px;
spacing: 6px; }
.lg-extension {
border: 1px solid #6f6f6f;
border-radius: 4px;
padding: 4px; }
.lg-extension-name {
font-weight: bold; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: rgba(0, 0, 0, 0.8);
border: 2px solid grey;
border-radius: 4px;
padding: 6px; }
/* Calendar popup */
.calendar-vertical-separator {
-stipple-width: 1px;
-stipple-color: #505050;
width: 0.3em; }
.calendar {
padding: .4em 1.75em .8em 1.75em; }
.calendar-month-label {
color: #888a85;
font-size: 9.5pt;
font-weight: bold;
padding-bottom: 8px;
padding-top: 8px; }
.calendar-month-label:focus {
background-color: #999999; }
.calendar-change-month-back {
width: 18px;
height: 12px;
background-image: url("calendar-arrow-left.svg");
border-radius: 4px; }
.calendar-change-month-back:rtl {
background-image: url("calendar-arrow-right.svg"); }
.calendar-change-month-back:hover,
.calendar-change-month-back:focus {
background-color: #999999; }
.calendar-change-month-back:active {
background-color: #aaaaaa; }
.calendar-change-month-forward {
width: 18px;
height: 12px;
background-image: url("calendar-arrow-right.svg");
border-radius: 4px; }
.calendar-change-month-forward:rtl {
background-image: url("calendar-arrow-left.svg"); }
.calendar-change-month-forward:hover,
.calendar-change-month-forward:focus {
background-color: #999999; }
.calendar-change-month-forward:active {
background-color: #aaaaaa; }
.datemenu-date-label {
padding: .4em 1.7em;
font-weight: bold;
text-align: center;
color: #eeeeec;
border-radius: 4px; }
.datemenu-date-label:hover,
.datemenu-date-label:focus {
background-color: #999999; }
.datemenu-date-label:active {
background-color: #aaaaaa; }
.calendar-day-base {
font-size: 9pt;
text-align: center;
width: 2.4em;
height: 2.4em; }
.calendar-day-base:hover,
.calendar-day-base:focus {
background-color: #777777; }
.calendar-day-base:active {
font-size: 9pt;
background-color: #555555;
color: white; }
.calendar-day-heading {
color: #888a85;
padding-top: .2em;
height: 1.7em; }
.calendar-week-number {
color: #babdb6;
font-weight: bold; }
/* Hack used in lieu of border-collapse - see calendar.js */
.calendar-day {
border: 1px solid #505050;
color: #babdb6;
border-top-width: 0;
border-left-width: 0; }
.calendar-day-top {
border-top-width: 1px; }
.calendar-day-left {
border-left-width: 1px; }
.calendar-nonwork-day {
background-color: rgba(128, 128, 128, 0.1); }
.calendar-today {
background-image: url("calendar-today.svg");
text-shadow: black 0px 2px 2px;
font-weight: bold; }
.calendar-day-with-events {
font-weight: bold;
color: white; }
.calendar-other-month-day {
color: #333333; }
.events-table {
width: 320px;
spacing-columns: 6pt;
padding: 0 1.4em; }
.events-table:ltr {
padding-right: 1.9em; }
.events-table:rtl {
padding-left: 1.9em; }
.events-day-header {
font-weight: bold;
color: #999999;
padding-left: 0.4em;
padding-top: 1.2em; }
.events-day-header:first-child {
padding-top: 0; }
.events-day-header:rtl {
padding-left: 0;
padding-right: 0.4em; }
.events-day-dayname {
color: #999999;
text-align: left;
min-width: 20px; }
.events-day-dayname:rtl {
text-align: right; }
.events-day-time {
color: #fff;
text-align: right; }
.events-day-time:rtl {
text-align: left; }
.events-day-task {
color: #999999;
padding-left: 8pt; }
.events-day-task:rtl {
padding-left: 0px;
padding-right: 8pt; }
/* Message Tray */
#message-tray {
background: #2e3436 url(message-tray-background.png);
background-repeat: repeat;
height: 72px; }
.message-tray-summary {
height: 72px; }
.message-tray-menu-button StIcon {
padding: 0 20px;
color: #aaaaaa;
icon-size: 24px; }
.message-tray-menu-button:hover StIcon,
.message-tray-menu-button:active StIcon,
.message-tray-menu-button:focus StIcon {
color: #eeeeee; }
.url-highlighter {
link-color: #ccccff; }
.no-messages-label {
color: #999999; }
.notification {
border-radius: 10px 10px 0px 0px;
background: rgba(0, 0, 0, 0.9);
padding: 8px 8px 4px 8px;
spacing-rows: 4px;
spacing-columns: 10px; }
.notification, #notification-container {
font-size: 11pt;
width: 34em; }
.notification.multi-line-notification {
padding-bottom: 8px; }
Fix various details of how notifications are shown This patch ensures the following notifications behavior: - Urgent notifications that have long title or banner text are auto-expanded correctly. - Single-line notifications that have _expandNotification() called (e.g. because the user mouses over to them), are treated as expanded, which means they get fully expanded if they are updated with more content and the user can escape them. - The position of expanded notifications is updated when they are updated. - Notification banner is shown again on the first line if it can fully fit there after a notification is updated, even if it was previously hidden because the notification was expanded and the old banner did not fully fit. - New notifications are immediately hidden if the user mouses away from them. - If a new notification is updated while it is shown, we extend the time it will be shown. - If a new notification is updated while it is hiding, we stop hiding it and show it again. - If a summary notification is updated while it is hiding, we let it finish hiding and show a new notification with the updated information. Implementation details: - Single-line notifications now have 4px bottom padding instead of 8px, which means that their height matches the tray height, they are fully shown in the banner mode, and don't pop out by 4px when the notification is expanded. - Notification keeps a flag that indicates whether it is expanded, updates its expanded look when it is updated, and emits an 'expanded' signal indicating that its layout has possibly changed. The message tray connects to this 'expanded' signal when it is showing a notification in the expanded state and updates the position of the notification accordingly when this signal is received so that the notification is fully shown. This is better than connecting to 'notify::height' signal on the notification bin, since it results in fewer callbacks. https://bugzilla.gnome.org/show_bug.cgi?id=617209
2010-09-10 19:47:12 +00:00
.notification-unexpanded {
/* We want to force the actor at a specific size, irrespective
of its minimum and preferred size, so we override both */
min-height: 36px;
height: 36px; }
/* We use row-span = 2 for the image cell, which prevents its height preferences to be
taken into account during allocation, so its height ends up being limited by the height
of the content in the other rows. To avoid showing a stretched image, we set the minimum
height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */
.notification-with-image {
min-height: 159px; }
.summary-boxpointer {
-arrow-border-radius: 15px;
-arrow-background-color: rgba(0, 0, 0, 0.9);
-arrow-base: 36px;
-arrow-rise: 18px;
color: white;
-boxpointer-gap: 4px; }
.summary-boxpointer .notification {
border-radius: 9px;
background: transparent !important;
padding-bottom: 12px; }
.summary-boxpointer #summary-right-click-menu {
padding-top: 12px;
padding-bottom: 12px; }
.summary-notification-stack-scrollview {
max-height: 18em;
padding-top: 8px;
padding-bottom: 8px; }
.summary-notification-stack-scrollview:ltr {
padding-right: 8px; }
.summary-notification-stack-scrollview:rtl {
padding-left: 8px; }
.notification-scrollview {
max-height: 10em;
-st-vfade-offset: 24px; }
.notification-scrollview:ltr > StScrollBar {
padding-left: 6px; }
.notification-scrollview:rtl > StScrollBar {
padding-right: 6px; }
.notification-body {
spacing: 5px; }
.notification-actions {
padding-top: 18px;
spacing: 10px; }
.notification-button {
-st-natural-width: 140px; }
.notification-icon-button {
border-radius: 5px;
padding: 5px; }
.notification-icon-button:focus {
padding: 4px; }
.notification-icon-button > StIcon {
icon-size: 16px;
padding: 8px; }
.secondary-icon {
icon-size: 1.09em; }
.hotplug-transient-box {
spacing: 6px;
padding: 2px 72px 2px 12px; }
.hotplug-notification-item {
padding: 2px 10px; }
.hotplug-notification-item:focus {
padding: 1px 71px 1px 11px; }
.hotplug-notification-item-icon {
icon-size: 24px;
padding: 2px 5px; }
.hotplug-resident-box {
spacing: 8px; }
.hotplug-resident-mount {
spacing: 8px;
border-radius: 4px;
color: #ccc; }
.hotplug-resident-mount:hover {
background-gradient-direction: horizontal;
background-gradient-start: rgba(255, 255, 255, 0.1);
background-gradient-end: rgba(255, 255, 255, 0);
color: #fff; }
.hotplug-resident-mount-label {
color: inherit;
padding-left: 6px; }
.hotplug-resident-mount-icon {
icon-size: 24px;
padding-left: 6px; }
.hotplug-resident-eject-icon {
icon-size: 16px; }
.hotplug-resident-eject-button {
padding: 7px;
border-radius: 5px;
color: #ccc; }
.chat-log-message {
color: #888888; }
.chat-empty-line {
font-size: 4px; }
.chat-received {
padding-left: 4px; }
.chat-received:rtl {
padding-left: 0px;
padding-right: 4px; }
.chat-sent {
padding-left: 18pt;
color: #959595; }
.chat-sent:rtl {
padding-left: 0px;
padding-right: 18pt; }
.chat-meta-message {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: #bbbbbb; }
.chat-meta-message:rtl {
padding-left: 0px;
padding-right: 4px; }
.chat-notification-scrollview {
max-height: 22em; }
.subscription-message {
font-style: italic; }
.notification StEntry {
border-radius: 4px; }
.summary-source-button {
padding: 6px 3px 6px 3px; }
.summary-source-button:last-child:ltr {
padding-right: 6px; }
.summary-source-button:last-child:rtl {
padding-left: 6px; }
.summary-source-button:hover .summary-source {
background-color: rgba(255, 255, 255, 0.1); }
.summary-source-button:focus .summary-source,
.summary-source-button:selected .summary-source {
background-color: rgba(255, 255, 255, 0.33); }
.summary-source {
border-radius: 4px;
padding: 0 6px 0 6px;
transition-duration: 100ms; }
.summary-source-counter {
background-image: url("summary-counter.svg");
background-size: 2.4em;
font-size: 10pt;
font-weight: bold;
height: 2.4em;
width: 2.4em;
-shell-counter-overlap-x: 13px;
-shell-counter-overlap-y: 13px; }
/* OSD */
.osd-window {
text-align: center;
font-weight: bold;
spacing: 1em; }
.osd-window .level {
height: 0.6em;
border-radius: 0.3em;
background-color: rgba(190, 190, 190, 0.2); }
/* App Switcher */
.switcher-popup {
padding: 8px;
spacing: 16px; }
.osd-window,
.switcher-list {
background: rgba(0, 0, 0, 0.8);
border: 1px solid rgba(128, 128, 128, 0.4);
border-radius: 24px;
padding: 20px; }
.switcher-list-item-container {
spacing: 8px; }
.switcher-list .item-box {
padding: 8px;
border-radius: 8px; }
.switcher-list .item-box:outlined {
padding: 6px;
border: 2px solid #555555; }
.switcher-list .item-box:selected {
background: rgba(255, 255, 255, 0.33); }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px; }
.switcher-list .thumbnail {
width: 256px; }
.switcher-list .separator {
width: 1px;
background: rgba(255, 255, 255, 0.33); }
.ripple-box {
width: 52px;
height: 52px;
background-image: url("corner-ripple-ltr.png");
background-size: contain; }
.ripple-box:rtl {
background-image: url("corner-ripple-rtl.png"); }
.switcher-arrow {
border-color: transparent;
color: #808080; }
.switcher-arrow:highlighted {
border-color: transparent;
color: white; }
/* Workspace Switcher */
.workspace-switcher-group {
padding: 12px; }
.workspace-switcher-container {
background: rgba(0, 0, 0, 0.8);
border: 1px solid rgba(128, 128, 128, 0.4);
border-radius: 24px;
padding: 20px; }
.workspace-switcher {
background: transparent;
border: 0px;
border-radius: 0px;
padding: 0px;
spacing: 8px; }
.ws-switcher-active-up {
height: 100px;
border: 0px;
background: rgba(255, 255, 255, 0.5);
background-image: url("ws-switch-arrow-up.png");
border-radius: 8px; }
.ws-switcher-active-down {
height: 100px;
border: 0px;
background: rgba(255, 255, 255, 0.5);
background-image: url("ws-switch-arrow-down.png");
border-radius: 8px; }
.ws-switcher-box {
height: 96px;
border: 2px solid rgba(85, 85, 85, 0.5);
background: transparent;
border-radius: 8px; }
/* Tile previews */
.tile-preview {
background-color: rgba(74, 144, 217, 0.35);
border: 1px solid #4a90d9;
/* Adwaita selected bg color */ }
.tile-preview-left.on-primary {
/* keep in sync with -panel-corner-radius */
border-radius: 6px 0 0 0; }
.tile-preview-right.on-primary {
/* keep in sync with -panel-corner-radius */
border-radius: 0 6px 0 0; }
.tile-preview-left.tile-preview-right.on-primary {
/* keep in sync with -panel-corner-radius */
border-radius: 6px 6px 0 0; }
/* Modal Dialogs */
/* End Session Dialog */
.end-session-dialog {
spacing: 42px; }
.end-session-dialog-list {
padding-top: 20px; }
.end-session-dialog-layout {
padding-left: 17px; }
.end-session-dialog-layout:rtl {
padding-right: 17px; }
.end-session-dialog-description {
width: 28em;
padding-bottom: 10px; }
.end-session-dialog-description:rtl {
width: 28em;
padding-bottom: 10px;
text-align: right; }
.end-session-dialog-warning {
width: 28em;
color: #f57900;
padding-top: 6px; }
.end-session-dialog-warning:rtl {
width: 28em;
color: #f57900;
padding-top: 6px;
text-align: right; }
.end-session-dialog-logout-icon {
border: 2px solid #8b8b8b;
border-radius: 5px;
width: 48px;
height: 48px;
background-size: contain; }
.end-session-dialog-shutdown-icon {
color: #bebebe;
width: 48px;
height: 48px; }
.end-session-dialog-inhibitor-layout {
spacing: 16px;
max-height: 200px;
padding-right: 65px;
padding-left: 65px; }
.end-session-dialog-session-list,
.end-session-dialog-app-list {
spacing: 1em; }
.end-session-dialog-list-header {
font-weight: bold; }
.end-session-dialog-list-header:rtl {
text-align: right; }
.end-session-dialog-app-list-item,
.end-session-dialog-session-list-item {
spacing: 1em; }
.end-session-dialog-app-list-item-name,
.end-session-dialog-session-list-item-name {
font-weight: bold; }
.end-session-dialog-app-list-item-description {
color: #cccccc;
font-size: 10pt; }
/* Restart message */
.restart-message {
font-size: 14pt; }
/* ShellMountOperation Dialogs */
.shell-mount-operation-icon {
icon-size: 48px; }
.show-processes-dialog,
.mount-question-dialog {
spacing: 24px; }
.show-processes-dialog-subject,
.mount-question-dialog-subject {
padding-top: 10px;
padding-left: 17px;
padding-bottom: 6px; }
.mount-question-dialog-subject {
max-width: 500px; }
.show-processes-dialog-subject:rtl,
.mount-question-dialog-subject:rtl {
padding-left: 0px;
padding-right: 17px; }
.show-processes-dialog-description,
.mount-question-dialog-description {
padding-left: 17px;
width: 28em; }
.show-processes-dialog-description:rtl,
.mount-question-dialog-description:rtl {
padding-right: 17px; }
.show-processes-dialog-app-list {
font-size: 10pt;
max-height: 200px;
padding-top: 24px;
padding-left: 49px;
padding-right: 32px; }
.show-processes-dialog-app-list:rtl {
padding-right: 49px;
padding-left: 32px; }
.show-processes-dialog-app-list-item {
color: #ccc; }
.show-processes-dialog-app-list-item:hover {
color: white; }
.show-processes-dialog-app-list-item:ltr {
padding-right: 1em; }
.show-processes-dialog-app-list-item:rtl {
padding-left: 1em; }
.show-processes-dialog-app-list-item-icon:ltr {
padding-right: 17px; }
.show-processes-dialog-app-list-item-icon:rtl {
padding-left: 17px; }
.show-processes-dialog-app-list-item-name {
font-size: 10pt; }
/* Password or Authentication Dialog */
.prompt-dialog {
/* this is the width of the entire modal popup */
width: 500px; }
.prompt-dialog-main-layout {
spacing: 24px;
padding: 10px; }
.prompt-dialog-message-layout {
spacing: 16px; }
.prompt-dialog-headline {
font-size: 12pt;
font-weight: bold;
color: #666666; }
.prompt-dialog-description:rtl {
text-align: right; }
.prompt-dialog-password-box {
spacing: 1em;
padding-bottom: 1em; }
.prompt-dialog-error-label {
font-size: 10pt;
color: #ffff00;
padding-bottom: 8px; }
.prompt-dialog-info-label {
font-size: 10pt;
padding-bottom: 8px; }
.hidden {
color: transparent; }
.prompt-dialog-null-label {
font-size: 10pt;
padding-bottom: 8px; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
padding-left: 10px;
spacing: 10px; }
.polkit-dialog-user-layout:rtl {
padding-left: 0px;
padding-right: 10px; }
.polkit-dialog-user-root-label {
color: #ff0000; }
.polkit-dialog-user-icon {
border: 2px solid #8b8b8b;
border-radius: 5px;
background-size: contain;
width: 48px;
height: 48px; }
/* Network Agent Dialog */
.network-dialog-secret-table {
spacing-rows: 15px;
spacing-columns: 1em; }
.keyring-dialog-control-table {
spacing-rows: 15px;
spacing-columns: 1em; }
/* Magnifier */
.magnifier-zoom-region {
border: 2px solid maroon; }
.magnifier-zoom-region.full-screen {
border-width: 0px; }
/* On-screen Keyboard */
#keyboard {
background: rgba(0, 0, 0, 0.8); }
.keyboard-layout {
spacing: 10px;
padding: 10px; }
.keyboard-row {
spacing: 15px; }
.keyboard-key {
min-height: 30px;
min-width: 30px;
background-gradient-start: rgba(255, 245, 245, 0.4);
background-gradient-end: rgba(105, 105, 105, 0.1);
background-gradient-direction: vertical;
font-size: 14pt;
font-weight: bold;
border-radius: 10px;
border: 2px solid #a0a0a0;
color: white; }
.keyboard-key:grayed {
color: #808080;
border-color: #808080; }
.keyboard-key:checked,
.keyboard-key:hover {
background: #303030;
border: 3px solid white; }
.keyboard-key:active {
background: #808080; }
.keyboard-subkeys {
color: white;
padding: 5px;
-arrow-border-radius: 10px;
-arrow-background-color: #090909;
-arrow-border-width: 2px;
-arrow-border-color: white;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 5px; }
/* IBus Candidate Popup */
.candidate-popup-content {
padding: 0.5em;
spacing: 0.3em; }
.candidate-index {
padding: 0 0.5em 0 0;
color: #cccccc; }
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em; }
.candidate-box:selected {
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.2); }
.candidate-box:hover {
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.1); }
.candidate-page-button-box {
height: 2em;
width: 80px; }
.vertical .candidate-page-button-box {
padding-top: 0.5em; }
.horizontal .candidate-page-button-box {
padding-left: 0.5em; }
.candidate-page-button-previous {
border-radius: 4px 0px 0px 4px; }
.candidate-page-button-next {
border-radius: 0px 4px 4px 0px; }
.candidate-page-button-icon {
icon-size: 1em; }
/* Login Dialog */
.framed-user-icon {
border: 2px solid #8b8b8b;
border-radius: 3px;
background-size: contain; }
.framed-user-icon:hover {
border: 2px solid #bbbbbb; }
.login-dialog-banner {
font-size: 10pt;
font-weight: bold;
text-align: center;
color: #666666;
padding-bottom: 1em; }
.login-dialog {
/* Reset border and background */
border: none;
background-color: transparent; }
.login-dialog-button-box {
spacing: 5px; }
.login-dialog-user-list-view {
-st-vfade-offset: 1em; }
.login-dialog-user-list {
spacing: 12px;
padding: .2em;
width: 23em; }
.login-dialog-user-list-item {
border-radius: 5px;
padding: .2em;
color: #bfbfbf;
text-shadow: black 0px 2px 2px; }
.login-dialog-user-list-item:ltr {
padding-right: 1em; }
.login-dialog-user-list-item:rtl {
padding-left: 1em; }
.login-dialog-user-list-item:hover {
background-color: rgba(255, 255, 255, 0.1); }
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
background-color: rgba(255, 255, 255, 0.33); }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
background-image: url("logged-in-indicator.svg");
background-size: contain; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
background-color: transparent;
height: 2px; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #8b8b8b; }
.login-dialog-not-listed-label {
font-size: 10.5pt;
font-weight: bold;
color: #666666;
padding-top: 1em; }
.login-dialog-user-selection-box {
padding: 100px 0; }
.login-dialog-user-selection-box .login-dialog-not-listed-label {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: #E8E8E8; }
.login-dialog-username,
.user-widget-label {
font-size: 16pt;
font-weight: bold;
text-align: left;
padding-left: 15px;
text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 1px 0px; }
.login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: 8px;
width: 23em; }
.login-dialog-prompt-label {
color: #eeeeee;
font-size: 14px;
padding-top: 11px; }
.login-dialog-session-list-button StIcon {
icon-size: 1.25em; }
.login-dialog-session-list-button {
color: #8b8b8b; }
.login-dialog-session-list-button:hover,
.login-dialog-session-list-button:focus,
.login-dialog-session-list-button:active {
color: white; }
.login-dialog-logo-bin {
padding: 24px 0px; }
.login-dialog .modal-dialog-button-box {
spacing: 3px; }
.login-dialog .modal-dialog-button {
border-radius: 5px;
padding: 3px 18px; }
.login-dialog .modal-dialog-button:focus {
padding: 2px 17px; }
.login-dialog .modal-dialog-button:default {
background-gradient-start: #6793c4;
background-gradient-end: #335d8f;
background-gradient-direction: vertical;
border-color: #16335d; }
.login-dialog .modal-dialog-button:default:focus {
border: 2px solid #377fe7; }
.login-dialog .modal-dialog-button:default:hover {
background-gradient-start: #74a0d0;
background-gradient-end: #436d9f; }
.login-dialog .modal-dialog-button:default:active,
.login-dialog .modal-dialog-button:default:pressed {
background-gradient-start: #436d9f;
background-gradient-end: #74a0d0; }
.login-dialog .modal-dialog-button:default:insensitive {
border-color: #666666;
color: #9f9f9f;
background-gradient-direction: none;
background-color: rgba(102, 102, 102, 0.15); }
.login-dialog-message {
padding-top: 4px;
padding-bottom: 16px;
min-height: 2em; }
.login-dialog-message-warning {
color: orange; }
.login-dialog-message-hint {
padding-top: 0px;
padding-bottom: 20px; }
.user-widget-label:ltr {
padding-left: 18px; }
.user-widget-label:rtl {
padding-right: 18px; }
/* Screen shield */
#panel.lock-screen,
#screenShieldNotifications {
background-color: rgba(0, 0, 0, 0.3); }
.screen-shield-background {
background: black;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.9); }
#lockDialogGroup {
background: #2e3436 url(noise-texture.png);
background-repeat: repeat; }
.screen-shield-arrows {
padding-bottom: 3em; }
.screen-shield-arrows Gjs_Arrow {
color: white;
width: 80px;
height: 48px;
-arrow-thickness: 12px;
-arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
.screen-shield-contents-box {
spacing: 48px; }
.screen-shield-clock {
color: white;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
font-weight: bold;
text-align: center;
padding-bottom: 1.5em; }
.screen-shield-clock-time {
font-size: 72pt;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
.screen-shield-clock-date {
font-size: 28pt; }
#screenShieldNotifications {
max-height: 500px;
padding: 12px; }
.screen-shield-notifications-box {
spacing: 12px;
width: 30em; }
.screen-shield-notification-source {
padding: 3px 6px;
spacing: 5px; }
.screen-shield-notification-label {
font-weight: bold;
padding: 0px 0px 0px 12px; }
.screen-shield-notification-count-text {
padding: 0px 0px 0px 12px; }
/* Remove background from notifications, otherwise
opacity is doubled and they look darker
*/
.screen-shield-notifications-box .notification {
background-color: transparent; }
/* Override padding on resident notifications, since
the notifications box has its own spacing
*/
.screen-shield-notifications-box .summary-notification-stack-scrollview {
padding-top: 0px;
padding-bottom: 0px; }
#screenShieldNotifications .notification-button,
#screenShieldNotifications .notification-icon-button {
border: 1px rgba(255, 255, 255, 0.5); }
#screenShieldNotifications StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.2); }
#screenShieldNotifications StScrollBar StButton#vhandle,
#screenShieldNotifications StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.3);
border: none; }
#screenShieldNotifications StScrollBar StButton#vhandle:hover,
#screenShieldNotifications StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.6); }
#screenShieldNotifications StScrollBar StButton#vhandle:active,
#screenShieldNotifications StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.8); }
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px; }
/* Background menu */
.background-menu {
-boxpointer-gap: 4px;
-arrow-rise: 0px; }
/* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 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.
*/
/* GLOBALS */
stage {
font-family: Cantarell, Sans-Serif;
font-size: 11pt;
color: #eeeeec; }
/* WIDGETS */
/* Buttons */
.candidate-page-button,
.notification-button,
.notification-icon-button,
.hotplug-notification-item,
.hotplug-resident-eject-button,
.modal-dialog-button,
.app-view-control {
border-radius: 3px;
border-width: 1px;
padding: 4px 32px;
color: #eeeeec;
background-color: #2e3436;
border-color: rgba(0, 0, 0, 0.7);
box-shadow: inset 0 1px #454f52;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.candidate-page-button:hover,
.notification-button:hover,
.notification-icon-button:hover,
.hotplug-notification-item:hover,
.hotplug-resident-eject-button:hover,
.modal-dialog-button:hover,
.app-view-control:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-color: #454f52;
box-shadow: inset 0 1px #5d696d;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.candidate-page-button:focus,
.notification-button:focus,
.notification-icon-button:focus,
.hotplug-notification-item:focus,
.hotplug-resident-eject-button:focus,
.modal-dialog-button:focus,
.app-view-control:focus {
color: #eeeeec;
border-color: #215d9c;
box-shadow: inset 0 1px #454f52;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.candidate-page-button:insensitive,
.notification-button:insensitive,
.notification-icon-button:insensitive,
.hotplug-notification-item:insensitive,
.hotplug-resident-eject-button:insensitive,
.modal-dialog-button:insensitive,
.app-view-control:insensitive {
color: #939695;
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(66, 71, 73, 0.7);
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.candidate-page-button:active,
.notification-button:active,
.notification-icon-button:active,
.hotplug-notification-item:active,
.hotplug-resident-eject-button:active,
.modal-dialog-button:active,
.app-view-control:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-color: #222728;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
/* Entries */
StEntry {
border-radius: 3px;
padding: 4px;
border-width: 1px;
color: #eeeeec;
background-color: #292929;
border-color: #1c1f1f;
2014-10-15 17:15:24 +00:00
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
selection-background-color: #215d9c;
selected-color: white; }
StEntry:focus {
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
border-color: rgba(154, 154, 142, 0.5); }
StEntry:insensitive {
color: #939695;
border-color: #323636;
box-shadow: none; }
/* Scrollbars */
StScrollBar {
padding: 0; }
StScrollBar.vfade {
-st-vfade-offset: 68px; }
StScrollBar.hfade {
-st-hfade-offset: 68px; }
StScrollView StScrollBar {
min-width: 14px;
min-height: 14px; }
StScrollBar StBin#trough {
border-radius: 0;
2014-10-02 16:13:53 +00:00
background-color: #17191a; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
2014-10-02 16:13:53 +00:00
border-radius: 8px;
background-color: #393f3f;
2014-10-02 16:13:53 +00:00
border: 3px solid #17191a; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #515a5a; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #215d9c; }
2014-10-08 13:44:12 +00:00
/* Slider */
2014-10-08 13:51:20 +00:00
.slider {
height: 1em;
-slider-height: 0.3em;
-slider-background-color: #323636;
-slider-border-color: #1c1f1f;
-slider-active-background-color: #215d9c;
-slider-active-border-color: #184472;
-slider-border-width: 1px;
-slider-handle-radius: 6px; }
2014-10-08 13:09:09 +00:00
/* Check Boxes */
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
width: 24px;
height: 22px;
background-image: url("checkbox-off.svg"); }
.check-box:focus Stbin {
background-image: url("checkbox-off-focused.svg"); }
.check-box:checked Stbin {
background-image: url("checkbox.svg"); }
.check-box:focus:checked Stbin {
background-image: url("checkbox-focused.svg"); }
2014-10-08 14:14:15 +00:00
/* Switches */
.toggle-switch {
width: 65px;
height: 22px;
background-size: contain; }
.toggle-switch-us {
background-image: url("toggle-off-us.svg"); }
.toggle-switch-us:checked {
background-image: url("toggle-on-us.svg"); }
.toggle-switch-intl {
background-image: url("toggle-off-intl.svg"); }
.toggle-switch-intl:checked {
background-image: url("toggle-on-intl.svg"); }
/* links */
.shell-link {
color: #4a90d9; }
.shell-link:hover {
color: #74aae2; }
/* Modal Dialogs */
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.modal-dialog {
border-radius: 5px;
background-color: rgba(33, 36, 36, 0.95);
border: 1px solid #1c1f1f;
padding: 24px; }
.modal-dialog .run-dialog-entry {
width: 20em; }
.modal-dialog .run-dialog-error-box {
padding-top: 16px;
spacing: 6px; }
.modal-dialog .run-dialog-button-box {
padding-top: 1em; }
.modal-dialog .run-dialog-label {
font-size: fontsize(12.1);
font-weight: bold;
color: #d6d6d1;
padding-bottom: .4em; }
.button-dialog-button-box {
spacing: 18px;
padding-top: 48px; }
.show-processes-dialog-subject,
.mount-question-dialog-subject,
.end-session-dialog-subject {
font-size: fontsize(14.3); }
/* Popvers/Menus */
.popup-menu {
min-width: 200px; }
.popup-menu .popup-sub-menu {
background-color: #343a3a;
border-top: 1px solid #282c2c;
border-bottom: 1px solid #282c2c; }
.popup-menu .popup-menu-content {
padding: 1em 0em; }
.popup-menu .popup-menu-item {
spacing: 12px; }
.popup-menu .popup-menu-item:ltr {
padding: .4em 1.75em .4em 0em; }
.popup-menu .popup-menu-item:rtl {
padding: .4em 0em .4em 1.75em; }
.popup-menu .popup-menu-item:active {
background-color: #515a5a; }
.popup-menu .popup-menu-item:insensitive {
background-color: rgba(57, 63, 63, 0.5); }
.popup-menu .popup-inactive-menu-item {
color: #eeeeec; }
.popup-menu .popup-inactive-menu-item:insensitive {
color: rgba(238, 238, 236, 0.5); }
2014-10-08 13:44:12 +00:00
.popup-menu-ornament {
text-align: right;
width: 1em; }
.popup-menu-boxpointer,
.candidate-popup-boxpointer {
-arrow-border-radius: 3px;
-arrow-background-color: #393f3f;
-arrow-border-width: 1px;
-arrow-border-color: #1c1f1f;
-arrow-base: 24px;
-arrow-rise: 11px;
-arrow-box-shadow: 0 1px 3px red; }
/* fallback menu
- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
app menu inside the main app window itself rather than the top bar
*/
/* TOP BAR */
2014-10-08 12:14:49 +00:00
#panel {
background-color: black;
font-weight: bold;
height: 1.86em; }
2014-10-08 13:44:12 +00:00
#panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
2014-10-08 12:14:49 +00:00
background-color: transparent; }
#panel #panelLeft, #panel #panelCenter {
spacing: 4px; }
#panel .panel-corner {
-panel-corner-radius: 6px;
-panel-corner-background-color: black;
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent; }
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
-panel-corner-border-color: #729fcf; }
2014-10-08 12:14:49 +00:00
#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
-panel-corner-border-color: transparent; }
2014-10-08 13:44:12 +00:00
#panel .panel-button {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
color: #ccc;
transition-duration: 100ms; }
#panel .panel-button #appMenuIcon {
app-icon-bottom-clip: 1px; }
.panel-button:active #panel .panel-button #appMenuIcon, .panel-button:overview #panel .panel-button #appMenuIcon, .panel-button:focus #panel .panel-button #appMenuIcon, .panel-button:checked #panel .panel-button #appMenuIcon {
app-icon-bottom-clip: 2px; }
#panel .panel-button:hover {
color: white;
text-shadow: black 0 2px 2px; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
border-image: url("panel-button-border.svg") 6 10 0 2;
color: white;
text-shadow: black 0px 2px 2px; }
#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
icon-shadow: black 0 2px 2px; }
#panel .panel-button .system-status-icon {
icon-size: 1.09em;
padding: 0 5px; }
.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
color: white; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
color: white; }
#panel .panel-status-button:active, #panel .panel-status-button:overview, #panel .panel-status-button:focus, #panel .panel-status-button:checked {
border-image: url("panel-button-border.svg") 6 10 0 2; }
2014-10-08 13:44:12 +00:00
#panel .panel-menu {
-boxpointer-gap: 4px; }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .screencast-indicator {
color: #f57900; }
.system-switch-user-submenu-icon {
icon-size: 24px;
border: 1px solid rgba(238, 238, 236, 0.4); }
2014-10-08 13:44:12 +00:00
#appMenu {
spinner-image: url("process-working.svg");
spacing: 4px; }
#appMenu .label-shadow {
color: rgba(0, 0, 0, 0.5); }
.aggregate-menu {
width: 360px; }
.aggregate-menu .popup-menu-icon {
padding: 0 4px; }
2014-10-08 12:14:49 +00:00
.system-menu-action {
color: #eeeeec;
border-radius: 32px;
/* wish we could do 50% */
padding: 13px;
border: 1px solid #282c2c; }
.system-menu-action:hover, .system-menu-action:focus {
color: white;
background-color: #515a5a;
border: none;
padding: 14px; }
.system-menu-action:active {
background-color: #282c2c; }
.system-menu-action > StIcon {
icon-size: 16px; }
.popup-menu-arrow {
width: 16px;
height: 16px; }
.popup-menu-icon {
icon-size: 1.09em; }
.window-close, .notification-close {
background-image: url("close-window.svg");
background-size: 32px;
height: 32px;
width: 32px; }
.window-close {
-shell-close-overlap: 16px; }
.window-close:rtl {
-st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); }
.notification-close {
-shell-close-overlap-x: 14px;
-shell-close-overlap-y: -12px; }
.notification-close:rtl {
-shell-close-overlap-x: -14px; }
/* OVERVIEW */
#overview {
spacing: 24px; }
.window-picker {
-horizontal-spacing: 32px;
-vertical-spacing: 32px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 48px; }
.window-picker.external-monitor {
padding: 32px; }
.window-clone-border {
border: 4px solid #215d9c;
border-radius: 4px; }
.window-caption {
spacing: 25px;
background-color: rgba(57, 63, 63, 0.7);
border-radius: 8px;
padding: 4px 12px;
-shell-caption-spacing: 12px; }
.window-caption:hover {
background-color: #215d9c; }
.messages-indicator {
color: rgba(238, 238, 236, 0.8);
height: 32px; }
.messages-indicator-contents {
spacing: 12px;
padding-bottom: 12px; }
.search-entry {
width: 320px;
padding: 7px 9px;
border-radius: 24px; }
.search-entry:focus {
padding: 6px 8px;
border-width: 2px; }
.search-entry .search-entry-icon {
icon-size: 1em;
padding: 0 4px;
color: rgba(238, 238, 236, 0.7); }
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
color: #eeeeec; }
#searchResultsBin {
max-width: 1000px; }
#searchResultsContent {
padding-left: 20px;
padding-right: 20px;
spacing: 16px; }
.search-section {
spacing: 16px; }
.search-section-content {
spacing: 32px; }
.list-search-results {
spacing: 3px; }
.search-section-separator {
-gradient-height: 1px;
-gradient-start: rgba(255, 255, 255, 0);
-gradient-end: rgba(255, 255, 255, 0.1);
-margin-horizontal: 1.5em;
height: 1px; }
.list-search-result-content {
spacing: 12px;
padding: 12px; }
.list-search-result-title {
font-size: 1.5em;
color: #e2e2df; }
.list-search-result-description {
color: #cacac4; }
.search-provider-icon {
padding: 15px; }
.search-provider-icon-more {
width: 16px;
height: 16px;
background-image: url("more-results.svg"); }
/* DASHBOARD */
#dash {
padding: 4px;
border-left: 0px;
border-radius: 0px 9px 9px 0px; }
#dash:rtl {
border-left-width: 1px;
border-right-width: 0;
border-radius: 9px 0 0 9px; }
#dash .placeholder {
background-image: url("dash-placeholder.svg");
background-size: contain;
height: 24px; }
#dash .empty-dash-drop-target {
width: 24px;
height: 24px; }
.dash-label {
border-radius: 7px;
padding: 4px 12px;
background-color: rgba(46, 52, 54, 0.7);
text-align: center;
-x-offset: 8px; }
/* App Vault/Grid */
.icon-grid {
spacing: 30px;
-shell-grid-horizontal-item-size: 136px;
-shell-grid-vertical-item-size: 136px; }
.app-view-controls {
padding-bottom: 32px; }
.app-view-control {
padding: 4px 32px; }
.app-view-control:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-color: #222728;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.app-view-control:first-child {
border-right-width: 0;
border-radius: 3px 0 0 3px; }
.app-view-control:last-child {
border-radius: 0 3px 3px 0; }
.search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(23, 25, 26, 0.9); }
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.list-search-result:focus,
.list-search-result:selected,
.list-search-result:hover {
background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; }
2014-10-16 19:01:09 +00:00
.app-well-app.running > .overview-icon,
.show-apps.running > .overview-icon,
.grid-search-result.running > .overview-icon {
text-shadow: black 0px 2px 2px; }
.app-well-app:active > .overview-icon, .app-well-app:checked > .overview-icon,
.show-apps:active > .overview-icon,
.show-apps:checked > .overview-icon,
.grid-search-result:active > .overview-icon,
.grid-search-result:checked > .overview-icon {
background-color: rgba(23, 25, 26, 0.9);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); }
2014-10-16 19:01:09 +00:00
.app-well-app:hover > .overview-icon, .app-well-app.running:hover > .overview-icon, .app-well-app:focus > .overview-icon, .app-well-app:selected > .overview-icon,
.show-apps:hover > .overview-icon,
2014-10-16 19:01:09 +00:00
.show-apps.running:hover > .overview-icon,
.show-apps:focus > .overview-icon,
.show-apps:selected > .overview-icon,
.grid-search-result:hover > .overview-icon,
2014-10-16 19:01:09 +00:00
.grid-search-result.running:hover > .overview-icon,
.grid-search-result:focus > .overview-icon,
.grid-search-result:selected > .overview-icon {
background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms;
2014-10-16 19:01:09 +00:00
border-image: none;
background-image: none; }
.search-provider-icon,
.list-search-result, .app-well-app > .overview-icon,
.show-apps > .overview-icon,
.grid-search-result > .overview-icon {
border-radius: 4px;
padding: 6px;
border: 1px solid transparent;
transition-duration: 100ms;
text-align: center; }
.app-well-app.app-folder > .overview-icon {
background-color: rgba(46, 52, 54, 0.4); }
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
transition-duration: 100ms; }
.app-folder-popup {
-arrow-border-radius: 8px;
-arrow-background-color: rgba(46, 52, 54, 0.3);
-arrow-base: 24px;
-arrow-rise: 11px; }
.app-folder-popup-bin {
padding: 5px; }
.app-folder-icon {
padding: 5px;
spacing-rows: 5px;
spacing-columns: 5px; }
.page-indicator {
padding: 15px 20px; }
.page-indicator .page-indicator-icon {
width: 18px;
height: 18px;
background-image: url(page-indicator-inactive.svg); }
.page-indicator:hover .page-indicator-icon {
background-image: url(page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon {
background-image: url(page-indicator-active.svg); }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
background-image: url(page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label {
padding: 10px 8px 5px 8px;
spacing: 4px; }
2014-10-15 15:26:03 +00:00
.workspace-thumbnails {
visible-width: 32px;
spacing: 11px;
padding: 8px;
border-radius: 9px 0 0 9px; }
.workspace-thumbnails:rtl {
border-radius: 0 9px 9px 0; }
.workspace-thumbnail-indicator {
border: 4px solid #215d9c;
padding: 1px; }
.search-display > StBoxLayout,
.all-apps,
.frequent-apps > StBoxLayout {
padding: 0px 88px 10px 88px; }
2014-10-15 15:26:03 +00:00
#dash, .workspace-thumbnails {
color: #eeeeec;
background-color: #2e3436;
border: 1px solid rgba(238, 238, 236, 0.2); }
.search-statustext, .no-frequent-applications-label {
font-size: 2em;
font-weight: bold;
color: #eeeeec; }
/* NOTIFICATIONS & MESSAGE TRAY */