2009-09-10 01:38:00 -04:00
|
|
|
/* 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.
|
|
|
|
*/
|
|
|
|
|
2009-12-02 12:13:24 -05:00
|
|
|
.shell-link {
|
|
|
|
color: #0000ff;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.shell-link:hover {
|
|
|
|
color: #0000e0;
|
|
|
|
}
|
|
|
|
|
2009-12-26 12:00:36 -05:00
|
|
|
.label-shadow {
|
|
|
|
color: rgba(0,0,0,0.5);
|
|
|
|
}
|
|
|
|
|
2010-06-10 08:07:33 -04:00
|
|
|
.label-real-shadow {
|
|
|
|
background-gradient-direction: horizontal;
|
|
|
|
background-gradient-start: rgba(0, 0, 0, 0);
|
|
|
|
background-gradient-end: rgba(0, 0, 0, 255);
|
|
|
|
width: 10px;
|
|
|
|
}
|
|
|
|
|
2009-09-10 01:38:00 -04:00
|
|
|
StScrollBar
|
|
|
|
{
|
|
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
|
2010-09-09 05:13:30 -04:00
|
|
|
StScrollView StScrollBar
|
2009-09-10 01:38:00 -04:00
|
|
|
{
|
2010-09-09 05:13:30 -04:00
|
|
|
min-width: 16px;
|
|
|
|
min-height: 16px;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
2010-02-22 17:07:42 -05:00
|
|
|
StScrollView > .top-shadow
|
|
|
|
{
|
|
|
|
background-gradient-direction: vertical;
|
2010-03-02 19:07:18 -05:00
|
|
|
background-gradient-start: #111111;
|
|
|
|
background-gradient-end: rgba(17, 17, 17, 0);
|
2010-02-22 17:07:42 -05:00
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
StScrollView > .bottom-shadow
|
|
|
|
{
|
|
|
|
background-gradient-direction: vertical;
|
2010-03-02 19:07:18 -05:00
|
|
|
background-gradient-start: rgba(17, 17, 17, 0);
|
|
|
|
background-gradient-end: #111111;
|
2010-02-22 17:07:42 -05:00
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
|
2010-09-09 21:28:12 -04:00
|
|
|
StScrollBar StBin#trough {
|
2010-02-09 00:57:42 -05:00
|
|
|
background-color: #080808;
|
|
|
|
border: 1px solid #2d2d2d;
|
|
|
|
border-radius: 8px;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
2010-02-09 00:57:42 -05:00
|
|
|
StScrollBar StButton#vhandle
|
2009-09-10 01:38:00 -04:00
|
|
|
{
|
2010-02-09 00:57:42 -05:00
|
|
|
background-image: url("scroll-vhandle.svg");
|
|
|
|
background-color: #252525;
|
|
|
|
border: 1px solid #080808;
|
|
|
|
border-radius: 8px;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
2010-02-09 00:57:42 -05:00
|
|
|
StScrollBar StButton#hhandle
|
2009-09-10 01:38:00 -04:00
|
|
|
{
|
2010-02-09 00:57:42 -05:00
|
|
|
background-image: url("scroll-hhandle.svg");
|
|
|
|
background-color: #252525;
|
|
|
|
border: 1px solid #080808;
|
|
|
|
border-radius: 8px;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
2010-02-09 00:57:42 -05:00
|
|
|
StScrollBar StButton#hhandle:hover,
|
2009-09-10 01:38:00 -04:00
|
|
|
StScrollBar StButton#vhandle:hover
|
|
|
|
{
|
2010-02-09 00:57:42 -05:00
|
|
|
background-color: #292929;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
2009-09-10 01:38:13 -04:00
|
|
|
|
2010-06-22 16:07:00 -04:00
|
|
|
StTooltip StLabel {
|
|
|
|
border: 1px solid rgba(79,111,173,1);
|
2009-11-11 16:22:42 -05:00
|
|
|
border-radius: 5px;
|
|
|
|
padding: 4px;
|
|
|
|
background-color: rgba(79,111,173,0.9);
|
|
|
|
color: #ffffff;
|
2010-06-22 16:07:00 -04:00
|
|
|
font-size: 0.8em;
|
|
|
|
font-weight: normal;
|
|
|
|
text-align: center;
|
2009-11-11 16:22:42 -05:00
|
|
|
}
|
|
|
|
|
2010-05-20 11:18:46 -04:00
|
|
|
/* PopupMenu */
|
2009-11-17 17:46:20 -05:00
|
|
|
|
2010-05-20 11:18:46 -04:00
|
|
|
.popup-menu-boxpointer {
|
2010-05-05 10:03:48 -04:00
|
|
|
-arrow-border-radius: 9px;
|
|
|
|
-arrow-background-color: rgba(0,0,0,0.9);
|
|
|
|
-arrow-border-width: 2px;
|
|
|
|
-arrow-border-color: #5f5f5f;
|
|
|
|
-arrow-base: 30px;
|
|
|
|
-arrow-rise: 15px;
|
|
|
|
}
|
|
|
|
|
2010-05-20 11:18:46 -04:00
|
|
|
.popup-menu {
|
2010-05-05 10:03:48 -04:00
|
|
|
color: #ffffff;
|
|
|
|
font-size: 16px;
|
2010-05-12 17:07:41 -04:00
|
|
|
min-width: 200px;
|
2010-05-05 10:03:48 -04:00
|
|
|
}
|
|
|
|
|
2010-05-20 11:18:46 -04:00
|
|
|
/* The remaining popup-menu sizing is all done in ems, so that if you
|
|
|
|
* override .popup-menu.font-size, everything else will scale with it.
|
|
|
|
*/
|
|
|
|
.popup-menu-content {
|
2010-10-20 12:43:22 -04:00
|
|
|
padding: 1em 0em;
|
2010-05-05 10:03:48 -04:00
|
|
|
}
|
|
|
|
|
2010-05-20 11:18:46 -04:00
|
|
|
.popup-menu-item {
|
2010-10-20 12:43:22 -04:00
|
|
|
padding: .4em 1.75em;
|
2010-10-19 13:41:41 -04:00
|
|
|
spacing: 1em;
|
2010-05-05 10:03:48 -04:00
|
|
|
}
|
|
|
|
|
2010-05-20 11:18:46 -04:00
|
|
|
.popup-menu-item:active {
|
2010-05-05 10:03:48 -04:00
|
|
|
background-color: #4c4c4c;
|
|
|
|
}
|
|
|
|
|
2010-05-20 11:18:46 -04:00
|
|
|
.popup-image-menu-item {
|
2010-09-18 11:30:54 -04:00
|
|
|
}
|
|
|
|
|
2010-05-20 11:18:46 -04:00
|
|
|
.popup-separator-menu-item {
|
2010-05-12 17:07:41 -04:00
|
|
|
-gradient-height: 2px;
|
|
|
|
-gradient-start: rgba(8,8,8,0);
|
|
|
|
-gradient-end: #333333;
|
2010-05-20 11:18:46 -04:00
|
|
|
-margin-horizontal: 1.5em;
|
|
|
|
height: 1em;
|
|
|
|
}
|
|
|
|
|
2010-07-22 08:34:02 -04:00
|
|
|
.popup-slider-menu-item {
|
|
|
|
height: 1em;
|
|
|
|
-slider-height: 0.3em;
|
|
|
|
-slider-background-color: #333333;
|
|
|
|
-slider-border-color: #5f5f5f;
|
|
|
|
-slider-border-width: 1px;
|
|
|
|
-slider-handle-radius: 0.5em;
|
|
|
|
}
|
|
|
|
|
2010-11-15 16:45:17 -05:00
|
|
|
.popup-device-menu-item {
|
|
|
|
spacing: .5em;
|
|
|
|
}
|
|
|
|
|
2010-11-02 18:33:22 -04:00
|
|
|
.popup-menu-icon {
|
|
|
|
icon-size: 1em;
|
|
|
|
}
|
|
|
|
|
2010-06-17 08:17:01 -04:00
|
|
|
/* Switches (to be used in menus) */
|
2010-09-21 09:32:09 -04:00
|
|
|
.toggle-switch {
|
|
|
|
width: 4.5em;
|
|
|
|
height: 1.5em;
|
2010-06-17 08:17:01 -04:00
|
|
|
}
|
2010-09-21 09:32:09 -04:00
|
|
|
|
|
|
|
.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");
|
2010-06-17 08:17:01 -04:00
|
|
|
}
|
2010-09-21 09:32:09 -04:00
|
|
|
.toggle-switch-intl:checked {
|
|
|
|
background-image: url("toggle-on-intl.svg");
|
2010-06-17 08:17:01 -04:00
|
|
|
}
|
|
|
|
|
2010-05-20 11:18:46 -04:00
|
|
|
/* Panel */
|
|
|
|
|
|
|
|
#panel {
|
|
|
|
color: #ffffff;
|
|
|
|
font-size: 16px;
|
|
|
|
background-color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
#panelLeft, #panelCenter, #panelRight {
|
|
|
|
spacing: 4px;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
#panelLeft {
|
|
|
|
padding-right: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#panelRight {
|
|
|
|
padding-left: 4px;
|
|
|
|
}
|
|
|
|
|
2009-11-17 17:46:20 -05:00
|
|
|
#appMenu {
|
2010-05-05 10:03:48 -04:00
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.app-menu-icon {
|
|
|
|
width: 24px;
|
|
|
|
height: 24px;
|
2009-11-17 17:46:20 -05:00
|
|
|
}
|
|
|
|
|
2009-09-30 10:02:08 -04:00
|
|
|
.panel-button {
|
2010-04-27 10:35:32 -04:00
|
|
|
padding: 0px 12px;
|
2009-09-30 10:02:08 -04:00
|
|
|
border-radius: 5px;
|
2010-02-08 15:00:16 -05:00
|
|
|
border-radius-bottomleft: 0px;
|
|
|
|
border-radius-bottomright: 0px;
|
2009-09-30 10:02:08 -04:00
|
|
|
font: 16px sans-serif;
|
2010-03-22 21:01:04 -04:00
|
|
|
font-weight: bold;
|
2010-06-01 11:04:09 -04:00
|
|
|
transition-duration: 100;
|
2009-09-30 10:02:08 -04:00
|
|
|
}
|
|
|
|
|
2010-02-08 15:00:16 -05:00
|
|
|
.panel-button:active, .panel-button:checked, .panel-button:pressed {
|
|
|
|
background-gradient-direction: vertical;
|
|
|
|
background-gradient-start: #3c3c3c;
|
|
|
|
background-gradient-end: #131313;
|
|
|
|
}
|
|
|
|
|
|
|
|
#panelActivities {
|
|
|
|
border-radius-topleft: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#panelStatus {
|
|
|
|
border-radius-topright: 0px;
|
2009-09-30 10:02:08 -04:00
|
|
|
}
|
|
|
|
|
2010-05-10 09:46:54 -04:00
|
|
|
#panelStatusMenu {
|
2009-11-17 17:46:20 -05:00
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
2010-06-22 17:06:17 -04:00
|
|
|
#legacyTray {
|
|
|
|
spacing: 14px;
|
|
|
|
padding-left: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#legacyTray:compact {
|
2010-03-31 16:40:32 -04:00
|
|
|
spacing: 8px;
|
|
|
|
}
|
|
|
|
|
2010-11-02 18:33:22 -04:00
|
|
|
.system-status-icon {
|
|
|
|
icon-size: 1em;
|
|
|
|
}
|
|
|
|
|
2010-02-09 00:57:42 -05:00
|
|
|
/* Overview */
|
2009-11-11 19:26:52 -05:00
|
|
|
|
2010-02-09 01:28:08 -05:00
|
|
|
.overview {
|
2010-02-09 00:57:42 -05:00
|
|
|
background-color: #111;
|
2010-02-09 01:28:08 -05:00
|
|
|
}
|
|
|
|
|
2010-02-08 17:50:50 -05:00
|
|
|
.info-bar {
|
2010-02-09 00:57:42 -05:00
|
|
|
color: #fff;
|
2010-02-08 17:50:50 -05:00
|
|
|
font-size: 14px;
|
2010-02-09 00:57:42 -05:00
|
|
|
spacing: 20px;
|
2010-02-09 01:28:49 -05:00
|
|
|
}
|
|
|
|
|
2010-02-08 17:50:50 -05:00
|
|
|
.info-bar-link-button {
|
2010-02-09 00:57:42 -05:00
|
|
|
background-color: #2d2d2d;
|
|
|
|
padding: 2px 14px;
|
|
|
|
border-radius: 10px;
|
|
|
|
border: 1px solid #181818;
|
2010-02-08 17:50:50 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.info-bar-link-button:hover {
|
2010-02-09 00:57:42 -05:00
|
|
|
border: 1px solid #666666;
|
2010-02-08 17:50:50 -05:00
|
|
|
}
|
|
|
|
|
2010-03-16 11:51:24 -04:00
|
|
|
.new-workspace-area {
|
|
|
|
border: 2px solid rgba(255, 255, 255, 0.8);
|
|
|
|
border-radius: 10px;
|
|
|
|
background-color: #111;
|
|
|
|
}
|
|
|
|
|
|
|
|
.new-workspace-area-internal {
|
|
|
|
background-gradient-direction: horizontal;
|
|
|
|
background-gradient-start: rgba(16, 16, 16, 0);
|
|
|
|
background-gradient-end: rgba(16, 16, 16, 1.0);
|
|
|
|
background-image: url("move-window-on-new.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
.new-workspace-area:hover {
|
|
|
|
border: 2px solid rgba(255, 255, 255, 1.0);
|
|
|
|
background-gradient-direction: horizontal;
|
|
|
|
background-gradient-start: rgba(130, 130, 130, 0.9);
|
|
|
|
background-gradient-end: rgba(16, 16, 16, 0.9);
|
|
|
|
}
|
|
|
|
|
|
|
|
.left-workspaces-shadow {
|
|
|
|
background-gradient-direction: horizontal;
|
|
|
|
background-gradient-start: rgba(16, 16, 16, 1.0);
|
|
|
|
background-gradient-end: rgba(16, 16, 16, 0.0);
|
|
|
|
}
|
|
|
|
|
|
|
|
.right-workspaces-shadow {
|
|
|
|
background-gradient-direction: horizontal;
|
|
|
|
background-gradient-end: rgba(16, 16, 16, 1.0);
|
|
|
|
background-gradient-start: rgba(16, 16, 16, 0);
|
|
|
|
}
|
|
|
|
|
2009-11-11 19:26:52 -05:00
|
|
|
.workspaces {
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
2010-02-10 01:00:02 -05:00
|
|
|
.workspaces.single {
|
|
|
|
spacing: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.workspaces.mosaic {
|
|
|
|
spacing: 15px;
|
|
|
|
}
|
|
|
|
|
2010-01-21 21:33:48 -05:00
|
|
|
.workspaces-bar {
|
2010-01-23 05:22:38 -05:00
|
|
|
height: 48px;
|
|
|
|
}
|
|
|
|
|
2010-02-12 15:12:39 -05:00
|
|
|
.workspaces-bar {
|
2010-01-23 05:22:38 -05:00
|
|
|
spacing: 5px;
|
2010-01-21 21:33:48 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.workspace-indicator {
|
|
|
|
width: 24px;
|
2010-01-23 05:22:38 -05:00
|
|
|
height: 16px;
|
2010-01-21 21:33:48 -05:00
|
|
|
background: rgba(155,155,155,0.8);
|
2010-01-23 05:22:38 -05:00
|
|
|
border-spacing: 16px;
|
2010-01-21 21:33:48 -05:00
|
|
|
}
|
|
|
|
|
2010-01-23 05:22:38 -05:00
|
|
|
.workspace-indicator.active {
|
2010-01-21 21:33:48 -05:00
|
|
|
background: rgba(255,255,255,0.8);
|
|
|
|
}
|
|
|
|
|
2009-11-11 19:26:52 -05:00
|
|
|
.window-caption {
|
|
|
|
background: rgba(0,0,0,0.8);
|
|
|
|
border: 1px solid rgba(128,128,128,0.40);
|
|
|
|
border-radius: 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
padding: 2px 8px;
|
|
|
|
-shell-caption-spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.window-close {
|
|
|
|
background-image: url("close-window.svg");
|
|
|
|
height: 24px;
|
|
|
|
width: 24px;
|
2009-12-17 11:45:34 -05:00
|
|
|
-st-shadow: -2px 2px 6px rgba(0,0,0,0.5);
|
2009-11-11 19:26:52 -05:00
|
|
|
-shell-close-overlap: 16px;
|
|
|
|
}
|
|
|
|
|
2010-02-14 16:06:32 -05:00
|
|
|
.single-view-controls {
|
|
|
|
padding: 0px 15px;
|
|
|
|
}
|
|
|
|
|
2010-01-23 05:22:38 -05:00
|
|
|
.workspace-controls {
|
2010-01-21 21:33:48 -05:00
|
|
|
width: 24px;
|
2010-01-23 05:22:38 -05:00
|
|
|
height: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.workspace-controls.add {
|
|
|
|
background-image: url("add-workspace.svg");
|
2010-01-21 21:33:48 -05:00
|
|
|
}
|
|
|
|
|
2010-01-23 05:22:38 -05:00
|
|
|
.workspace-controls.remove {
|
2010-01-21 21:33:48 -05:00
|
|
|
background-image: url("remove-workspace.svg");
|
|
|
|
}
|
|
|
|
|
2010-01-23 05:22:38 -05:00
|
|
|
.workspace-controls.switch-single {
|
2010-01-21 21:33:48 -05:00
|
|
|
background-image: url("single-view.svg");
|
|
|
|
}
|
|
|
|
|
2010-01-23 05:22:38 -05:00
|
|
|
.workspace-controls.switch-mosaic {
|
2010-01-21 21:33:48 -05:00
|
|
|
background-image: url("mosaic-view.svg");
|
|
|
|
}
|
|
|
|
|
2010-01-23 05:22:38 -05:00
|
|
|
.workspace-controls.switch-single:checked {
|
2010-01-21 21:33:48 -05:00
|
|
|
background-image: url("single-view-active.svg");
|
|
|
|
}
|
|
|
|
|
2010-01-23 05:22:38 -05:00
|
|
|
.workspace-controls.switch-mosaic:checked {
|
2010-01-21 21:33:48 -05:00
|
|
|
background-image: url("mosaic-view-active.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
#SwitchScroll {
|
2010-02-09 00:57:42 -05:00
|
|
|
height: 14px;
|
2010-01-21 21:33:48 -05:00
|
|
|
}
|
|
|
|
|
2010-02-09 00:57:42 -05:00
|
|
|
#SwitchScroll #hhandle {
|
|
|
|
border-radius: 7px;
|
2010-01-21 21:33:48 -05:00
|
|
|
}
|
|
|
|
|
2009-10-22 13:33:09 -04:00
|
|
|
/* Dash */
|
|
|
|
|
|
|
|
#dash {
|
|
|
|
color: #5f5f5f;
|
2009-12-25 12:49:23 -05:00
|
|
|
font-size: 12px;
|
2009-10-22 13:33:09 -04:00
|
|
|
padding: 0px 14px;
|
|
|
|
}
|
|
|
|
|
2009-11-06 17:32:23 -05:00
|
|
|
#dashSections {
|
|
|
|
spacing: 12px;
|
|
|
|
}
|
|
|
|
|
2009-10-22 13:33:09 -04:00
|
|
|
#searchEntry {
|
|
|
|
padding: 4px;
|
2010-02-27 09:49:39 -05:00
|
|
|
border-radius: 4px;
|
|
|
|
color: #a8a8a8;
|
|
|
|
border: 1px solid #565656;
|
|
|
|
background-color: #404040;
|
|
|
|
caret-color: #fff;
|
|
|
|
caret-size: 1px;
|
|
|
|
height: 16px;
|
2010-06-10 10:33:26 -04:00
|
|
|
transition-duration: 300;
|
2010-02-27 09:49:39 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#searchEntry:focus {
|
|
|
|
color: #545454;
|
|
|
|
border: 1px solid #3a3a3a;
|
|
|
|
background-color: #e8e8e8;
|
|
|
|
caret-color: #545454;
|
2010-03-11 18:14:58 -05:00
|
|
|
-st-shadow: 0px 0px 6px 2px rgba(255,255,255,0.9);
|
2010-05-15 12:56:19 -04:00
|
|
|
transition-duration: 0;
|
2009-10-22 13:33:09 -04:00
|
|
|
}
|
|
|
|
|
2010-02-27 09:49:39 -05:00
|
|
|
#searchEntry:hover {
|
2010-05-15 12:56:19 -04:00
|
|
|
color: #a8a8a8;
|
|
|
|
border: 1px solid #4d4d4d;
|
|
|
|
background-color: #e8e8e8;
|
|
|
|
caret-color: #545454;
|
2010-06-10 10:33:26 -04:00
|
|
|
transition-duration: 500;
|
2009-10-22 13:33:09 -04:00
|
|
|
}
|
|
|
|
|
2009-11-06 16:08:07 -05:00
|
|
|
.dash-section {
|
|
|
|
spacing: 8px;
|
|
|
|
}
|
|
|
|
|
2009-10-22 13:33:09 -04:00
|
|
|
.section-header {
|
|
|
|
}
|
|
|
|
|
|
|
|
.section-header-inner {
|
2009-11-10 10:02:02 -05:00
|
|
|
spacing: 4px;
|
2009-10-22 13:33:09 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.section-text-content {
|
|
|
|
padding: 4px 0px;
|
|
|
|
}
|
|
|
|
|
2009-11-06 16:08:07 -05:00
|
|
|
.dash-section-content {
|
|
|
|
color: #ffffff;
|
|
|
|
spacing: 8px;
|
|
|
|
}
|
|
|
|
|
2009-10-22 13:33:09 -04:00
|
|
|
.more-link {
|
2009-11-06 18:32:41 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.more-link-expander {
|
|
|
|
background-image: url("section-more.svg");
|
|
|
|
width: 9px;
|
|
|
|
height: 9px;
|
2009-10-22 13:33:09 -04:00
|
|
|
}
|
|
|
|
|
2010-02-15 19:50:36 -05:00
|
|
|
.more-link-expander.open {
|
|
|
|
background-image: url("section-more-open.svg");
|
|
|
|
width: 9px;
|
|
|
|
height: 9px;
|
|
|
|
}
|
|
|
|
|
2009-11-06 14:55:03 -05:00
|
|
|
.dash-pane {
|
2010-03-10 10:54:58 -05:00
|
|
|
border-radius: 10px;
|
|
|
|
background-color: #111111;
|
|
|
|
border: 2px solid #868686;
|
|
|
|
color: #ffffff;
|
|
|
|
padding: 30px 10px 10px 20px;
|
2009-11-06 14:55:03 -05:00
|
|
|
}
|
|
|
|
|
2010-06-22 12:39:14 -04:00
|
|
|
#dashAppSearchResults {
|
|
|
|
padding: 8px 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dash-search-statustext,
|
2009-11-29 17:45:30 -05:00
|
|
|
.dash-search-section-header {
|
2010-06-22 12:39:14 -04:00
|
|
|
padding: 4px 0px;
|
2009-11-29 17:45:30 -05:00
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dash-search-section-results {
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dash-search-section-list-results {
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dash-search-result-content {
|
2009-12-25 12:49:23 -05:00
|
|
|
padding: 3px;
|
2009-11-29 17:45:30 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.dash-search-result-content:selected {
|
2009-12-25 12:49:23 -05:00
|
|
|
padding: 2px;
|
|
|
|
border: 1px solid #5c5c5c;
|
|
|
|
border-radius: 2px;
|
|
|
|
background-color: #1e1e1e;
|
2009-11-29 17:45:30 -05:00
|
|
|
}
|
|
|
|
|
2010-03-31 16:40:32 -04:00
|
|
|
.dash-results-container {
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
2009-11-06 16:08:07 -05:00
|
|
|
/* GenericDisplay */
|
|
|
|
|
|
|
|
.generic-display-container {
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.generic-display-item {
|
|
|
|
height: 50px;
|
|
|
|
border-radius: 4px;
|
|
|
|
color: #ffffff;
|
|
|
|
font-size: 14px;
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.generic-display-item:selected {
|
|
|
|
background-color: rgba(79,111,173,0.66);
|
|
|
|
}
|
|
|
|
|
|
|
|
.generic-display-item-text {
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.generic-display-item-description {
|
|
|
|
font-size: 12px;
|
|
|
|
color: #bababa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.generic-display-details {
|
|
|
|
font-size: 14px;
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.generic-display-details-name {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
2009-11-12 17:46:59 -05:00
|
|
|
/* Apps */
|
2009-11-06 16:08:07 -05:00
|
|
|
|
2010-02-15 19:50:36 -05:00
|
|
|
.overview-pane {
|
|
|
|
width: 440px;
|
|
|
|
}
|
|
|
|
|
2010-07-20 22:22:19 -04:00
|
|
|
.icon-grid {
|
2010-01-07 00:40:21 -05:00
|
|
|
spacing: 6px;
|
|
|
|
-shell-grid-item-size: 70px;
|
2009-11-12 17:46:59 -05:00
|
|
|
}
|
|
|
|
|
2010-02-15 19:50:36 -05:00
|
|
|
.all-app {
|
|
|
|
border-radius: 10px;
|
2010-03-02 19:07:18 -05:00
|
|
|
background-color: #111111;
|
|
|
|
border: 2px solid #868686;
|
2010-02-15 19:50:36 -05:00
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
2010-06-04 18:01:32 -04:00
|
|
|
.app-section-divider-container {
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.app-section-divider {
|
|
|
|
height: 2px;
|
|
|
|
background-image: url("separator-white.png");
|
|
|
|
}
|
|
|
|
|
2010-02-15 19:50:36 -05:00
|
|
|
.all-app-controls-panel {
|
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.all-app-scroll-view {
|
|
|
|
padding-right: 10px;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
2009-11-12 17:46:59 -05:00
|
|
|
.app-well-app {
|
2010-02-09 00:57:42 -05:00
|
|
|
border: 1px solid #181818;
|
2010-01-07 00:40:21 -05:00
|
|
|
border-radius: 4px;
|
2010-06-09 12:45:19 -04:00
|
|
|
padding: 4px;
|
2010-01-07 00:40:21 -05:00
|
|
|
width: 70px;
|
|
|
|
height: 70px;
|
2009-12-25 12:49:23 -05:00
|
|
|
font-size: 10px;
|
2010-06-10 10:33:26 -04:00
|
|
|
transition-duration: 100;
|
2010-06-22 16:04:45 -04:00
|
|
|
text-align: center;
|
2009-11-06 16:08:07 -05:00
|
|
|
}
|
|
|
|
|
2010-01-07 00:40:21 -05:00
|
|
|
.app-well-app.running {
|
|
|
|
background-gradient-direction: vertical;
|
2010-02-09 00:57:42 -05:00
|
|
|
background-gradient-start: #3d3d3d;
|
|
|
|
background-gradient-end: #181818;
|
2010-01-07 00:40:21 -05:00
|
|
|
}
|
|
|
|
|
2010-02-22 11:39:10 -05:00
|
|
|
.app-well-app.selected {
|
|
|
|
border: 1px solid #666666;
|
|
|
|
}
|
|
|
|
|
2009-11-12 17:46:59 -05:00
|
|
|
.app-well-app:hover {
|
2010-01-07 00:40:21 -05:00
|
|
|
border: 1px solid #666666;
|
2010-05-04 00:24:37 -04:00
|
|
|
background-gradient-direction: vertical;
|
|
|
|
background-gradient-start: rgba(61,61,61,0.8);
|
|
|
|
background-gradient-end: rgba(24,24,24,0.2);
|
2010-06-10 10:33:26 -04:00
|
|
|
transition-duration: 100;
|
2009-11-12 17:46:59 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.app-well-app:active {
|
|
|
|
background-color: #1e1e1e;
|
|
|
|
border: 1px solid #5f5f5f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.app-well-menu {
|
2010-05-20 11:18:46 -04:00
|
|
|
font-size: 12px
|
2009-11-12 17:46:59 -05:00
|
|
|
}
|
|
|
|
|
2009-11-06 16:08:07 -05:00
|
|
|
/* Places */
|
|
|
|
|
2010-02-23 08:33:12 -05:00
|
|
|
.places-section {
|
|
|
|
spacing-columns: 4px;
|
2010-03-31 10:51:16 -04:00
|
|
|
spacing-rows: 4px;
|
2010-02-23 08:33:12 -05:00
|
|
|
}
|
|
|
|
|
2010-02-23 08:25:09 -05:00
|
|
|
.places-item-box {
|
2010-05-04 00:24:37 -04:00
|
|
|
spacing: 2px;
|
2009-11-10 14:31:59 -05:00
|
|
|
}
|
|
|
|
|
2010-02-23 08:25:09 -05:00
|
|
|
.places-item {
|
2010-02-23 08:37:22 -05:00
|
|
|
border-radius: 4px;
|
2010-02-23 08:25:09 -05:00
|
|
|
padding: 2px;
|
2010-02-23 08:37:22 -05:00
|
|
|
border: 1px solid #181818;
|
2010-05-04 00:24:37 -04:00
|
|
|
padding-left: 4px;
|
|
|
|
padding-right: 4px;
|
2010-06-10 10:33:26 -04:00
|
|
|
transition-duration: 100;
|
2010-02-23 08:37:22 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.places-item:hover {
|
|
|
|
border: 1px solid #666666;
|
2010-05-04 00:24:37 -04:00
|
|
|
background-gradient-direction: vertical;
|
|
|
|
background-gradient-start: rgba(61,61,61,0.8);
|
|
|
|
background-gradient-end: rgba(24,24,24,0.2);
|
2010-06-10 10:33:26 -04:00
|
|
|
transition-duration: 100;
|
2010-02-23 08:25:09 -05:00
|
|
|
}
|
|
|
|
|
2010-02-23 08:36:47 -05:00
|
|
|
/* Recent items */
|
|
|
|
|
|
|
|
.recent-docs-item-box {
|
2010-05-04 00:24:37 -04:00
|
|
|
spacing: 2px;
|
2010-02-23 08:36:47 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.recent-docs-item {
|
2010-02-23 08:37:22 -05:00
|
|
|
border-radius: 4px;
|
2010-02-23 08:36:47 -05:00
|
|
|
padding: 2px;
|
2010-02-23 08:37:22 -05:00
|
|
|
border: 1px solid #181818;
|
2010-05-04 00:24:37 -04:00
|
|
|
padding-left: 4px;
|
|
|
|
padding-right: 4px;
|
2010-06-10 10:33:26 -04:00
|
|
|
transition-duration: 100;
|
2010-02-23 08:37:22 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.recent-docs-item:hover {
|
|
|
|
border: 1px solid #666666;
|
2010-05-04 00:24:37 -04:00
|
|
|
background-gradient-direction: vertical;
|
|
|
|
background-gradient-start: rgba(61,61,61,0.8);
|
|
|
|
background-gradient-end: rgba(24,24,24,0.2);
|
2010-06-10 10:33:26 -04:00
|
|
|
transition-duration: 100;
|
2010-02-23 08:36:47 -05:00
|
|
|
}
|
|
|
|
|
2009-09-10 01:38:13 -04:00
|
|
|
/* LookingGlass */
|
|
|
|
|
|
|
|
#LookingGlassDialog
|
|
|
|
{
|
|
|
|
background-color: rgba(0,0,0,0.85);
|
|
|
|
spacing: 4px;
|
|
|
|
padding: 4px;
|
2010-05-15 12:43:56 -04:00
|
|
|
border: 2px solid grey;
|
2009-09-10 01:38:13 -04:00
|
|
|
border-radius: 4px;
|
|
|
|
|
|
|
|
color: #88ff66;
|
|
|
|
}
|
|
|
|
|
|
|
|
#LookingGlassDialog > #Toolbar
|
|
|
|
{
|
|
|
|
border: 1px solid grey;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
2009-10-27 13:27:00 -04:00
|
|
|
#LookingGlassDialog .labels {
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#LookingGlassDialog .notebook-tab {
|
|
|
|
padding: 2px;
|
|
|
|
}
|
|
|
|
|
2010-05-15 12:43:56 -04:00
|
|
|
#LookingGlassDialog .notebook-tab:hover {
|
|
|
|
color: #00ff00;
|
|
|
|
}
|
|
|
|
|
2009-10-27 13:27:00 -04:00
|
|
|
#LookingGlassDialog .notebook-tab:selected {
|
|
|
|
border: 1px solid #88ff66;
|
2010-05-15 12:43:56 -04:00
|
|
|
border-radius: 4px;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#LookingGlassDialog .lg-inspector-title {
|
|
|
|
font-weight: bold;
|
|
|
|
padding-bottom: 8px;
|
2009-10-27 13:27:00 -04:00
|
|
|
}
|
|
|
|
|
2010-05-15 12:43:56 -04:00
|
|
|
.lg-dialog StLabel
|
2009-09-10 01:38:13 -04:00
|
|
|
{
|
|
|
|
color: #88ff66;
|
|
|
|
}
|
|
|
|
|
2010-05-15 12:43:56 -04:00
|
|
|
.lg-dialog StEntry
|
2009-09-10 01:38:13 -04:00
|
|
|
{
|
|
|
|
color: #88ff66;
|
|
|
|
}
|
|
|
|
|
2010-05-15 12:43:56 -04:00
|
|
|
.lg-obj-inspector-title
|
|
|
|
{
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lg-obj-inspector-button
|
|
|
|
{
|
|
|
|
border: 1px solid #88ff66;
|
|
|
|
padding: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lg-obj-inspector-button:hover
|
|
|
|
{
|
|
|
|
border: 1px solid #00ff00;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lg-dialog .shell-link
|
|
|
|
{
|
|
|
|
color: #88ff66;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lg-dialog .shell-link:hover
|
|
|
|
{
|
|
|
|
color: #00ff00;
|
|
|
|
}
|
|
|
|
|
2009-09-10 01:38:13 -04:00
|
|
|
#LookingGlassDialog StBoxLayout#EvalBox
|
|
|
|
{
|
|
|
|
padding: 4px;
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
2009-09-30 10:02:08 -04:00
|
|
|
|
2010-03-31 16:40:32 -04:00
|
|
|
#LookingGlassDialog StBoxLayout#ResultsArea
|
|
|
|
{
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
2009-10-28 18:05:34 -04:00
|
|
|
#lookingGlassExtensions {
|
|
|
|
padding: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lg-extension-list {
|
|
|
|
padding: 4px;
|
|
|
|
spacing: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lg-extension {
|
|
|
|
border: 1px solid #6f6f6f;
|
|
|
|
border-radius: 4px;
|
|
|
|
padding: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lg-extension-name {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lg-extension-actions {
|
|
|
|
spacing: 6px;
|
|
|
|
}
|
|
|
|
|
2010-05-15 12:43:56 -04:00
|
|
|
#LookingGlassPropertyInspector {
|
|
|
|
background: rgba(0, 0, 0, 0.9);
|
|
|
|
border: 2px solid grey;
|
|
|
|
border-radius: 4px;
|
|
|
|
padding: 6px;
|
|
|
|
color: #88ff66;
|
|
|
|
}
|
|
|
|
|
2009-09-30 10:02:08 -04:00
|
|
|
/* Calendar popup */
|
|
|
|
|
|
|
|
#calendarPopup {
|
|
|
|
border-radius: 5px;
|
|
|
|
background: rgba(0,0,0,0.9);
|
|
|
|
border: 1px solid rgba(128,128,128,0.45);
|
|
|
|
color: white;
|
2009-10-01 15:18:20 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#calendarPopup .calendar {
|
2009-09-30 10:02:08 -04:00
|
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.calendar {
|
|
|
|
spacing-rows: 5px;
|
|
|
|
spacing-columns: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.calendar-change-month {
|
|
|
|
padding: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.calendar-change-month:hover {
|
|
|
|
background: #314a6c;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.calendar-change-month:active {
|
|
|
|
background: #213050;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.calendar-day {
|
|
|
|
padding: 1px 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.calendar-today {
|
|
|
|
font-weight: bold;
|
|
|
|
background: #ffffff;
|
|
|
|
color: black;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.calendar-other-month-day {
|
|
|
|
color: #cccccc;
|
|
|
|
}
|
2009-09-29 12:19:16 -04:00
|
|
|
|
2010-01-13 15:05:20 -05:00
|
|
|
/* Message Tray */
|
|
|
|
#message-tray {
|
|
|
|
background-gradient-direction: vertical;
|
|
|
|
background-gradient-start: rgba(0,0,0,0.01);
|
|
|
|
background-gradient-end: rgba(0,0,0,0.95);
|
2010-07-21 02:41:45 -04:00
|
|
|
height: 36px;
|
2010-01-13 15:05:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#notification {
|
2010-02-12 16:10:24 -05:00
|
|
|
font-size: 16px;
|
2010-03-15 13:55:08 -04:00
|
|
|
border-radius: 5px 5px 0px 0px;
|
2010-04-29 15:17:05 -04:00
|
|
|
background: rgba(0,0,0,0.9);
|
2010-01-13 15:05:20 -05:00
|
|
|
color: white;
|
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 15:47:12 -04:00
|
|
|
padding: 8px 8px 4px 8px;
|
2010-07-21 02:41:45 -04:00
|
|
|
spacing-rows: 10px;
|
2010-02-01 12:10:38 -05:00
|
|
|
spacing-columns: 10px;
|
2010-07-21 02:41:45 -04:00
|
|
|
width: 34em;
|
2010-01-13 15:05:20 -05:00
|
|
|
}
|
|
|
|
|
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 15:47:12 -04:00
|
|
|
.multi-line-notification {
|
|
|
|
padding-bottom: 8px;
|
|
|
|
}
|
|
|
|
|
2010-10-19 15:17:36 -04:00
|
|
|
.summary-notification-boxpointer {
|
|
|
|
-arrow-border-radius: 9px;
|
|
|
|
-arrow-background-color: rgba(0,0,0,0.9);
|
|
|
|
-arrow-border-width: 2px;
|
|
|
|
-arrow-border-color: #5f5f5f;
|
|
|
|
-arrow-base: 30px;
|
|
|
|
-arrow-rise: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.summary-notification-boxpointer #notification {
|
|
|
|
border-radius: 9px;
|
|
|
|
background: rgba(0,0,0,0) !important;
|
|
|
|
padding-bottom: 12px;
|
2010-02-25 14:42:18 -05:00
|
|
|
}
|
|
|
|
|
2010-02-22 14:23:36 -05:00
|
|
|
#notification-scrollview {
|
|
|
|
max-height: 10em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
|
|
|
|
height: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#notification-body {
|
|
|
|
spacing: 5px;
|
|
|
|
}
|
|
|
|
|
2010-02-01 15:41:22 -05:00
|
|
|
#notification-actions {
|
|
|
|
spacing: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notification-button {
|
2010-07-21 02:41:45 -04:00
|
|
|
background-color: #3c3c3c;
|
|
|
|
padding: 2px 14px;
|
|
|
|
border-radius: 12px;
|
|
|
|
border: 1px solid #181818;
|
2010-02-01 15:41:22 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.notification-button:hover {
|
2010-07-21 02:41:45 -04:00
|
|
|
border: 1px solid #a1a1a1;
|
2010-02-01 15:41:22 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.notification-button:active {
|
2010-07-21 02:41:45 -04:00
|
|
|
border: 1px solid #a1a1a1;
|
|
|
|
background-color: #2b2b2b;
|
2010-02-01 15:41:22 -05:00
|
|
|
}
|
|
|
|
|
2010-06-11 17:19:18 -04:00
|
|
|
.notification-icon-button {
|
|
|
|
border: 2px rgba(0,0,0,0.0);
|
|
|
|
border-radius: 5px;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
2010-07-21 02:41:45 -04:00
|
|
|
|
2010-06-11 17:19:18 -04:00
|
|
|
.notification-icon-button:hover {
|
|
|
|
background: rgba(192,192,192,0.7);
|
|
|
|
}
|
|
|
|
|
|
|
|
.notification-icon-button:active {
|
|
|
|
background: rgba(128,128,128,0.7);
|
|
|
|
}
|
|
|
|
|
2010-11-02 18:33:22 -04:00
|
|
|
.notification-icon-button > StIcon {
|
|
|
|
icon-size: 36px;
|
|
|
|
}
|
|
|
|
|
2010-02-22 14:23:36 -05:00
|
|
|
.chat-received {
|
|
|
|
background-gradient-direction: horizontal;
|
2010-07-21 02:41:45 -04:00
|
|
|
background-gradient-start: rgba(255, 255, 255, 0.2);
|
|
|
|
background-gradient-end: rgba(255, 255, 255, 0);
|
2010-02-22 14:23:36 -05:00
|
|
|
|
2010-07-21 02:41:45 -04:00
|
|
|
padding-left: 4px;
|
|
|
|
border-radius: 4px;
|
2010-02-22 14:23:36 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.chat-sent {
|
|
|
|
background-gradient-direction: horizontal;
|
2010-07-21 02:41:45 -04:00
|
|
|
background-gradient-start: rgba(255, 255, 255, 0);
|
|
|
|
background-gradient-end: rgba(255, 255, 255, 0.2);
|
|
|
|
|
|
|
|
padding-left: 4px;
|
|
|
|
border-radius: 4px;
|
2010-02-22 14:23:36 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.chat-response {
|
2010-07-21 02:41:45 -04:00
|
|
|
padding: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
border: 1px solid #565656;
|
|
|
|
color: #a8a8a8;
|
|
|
|
background-color: #404040;
|
|
|
|
caret-color: #ffffff;
|
|
|
|
caret-size: 1px;
|
|
|
|
height: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chat-response:focus {
|
|
|
|
border: 1px solid #3a3a3a;
|
|
|
|
color: #545454;
|
|
|
|
background-color: #e8e8e8;
|
|
|
|
caret-color: #545454;
|
|
|
|
-st-shadow: 0px 0px 6px 2px rgba(255,255,255,0.9);
|
2010-02-22 14:23:36 -05:00
|
|
|
}
|
|
|
|
|
2010-02-25 14:42:18 -05:00
|
|
|
/* The spacing and padding on the summary is tricky; we want to keep
|
|
|
|
* the icons from touching each other or the edges of the screen, but
|
|
|
|
* we also want them to be "Fitts"-y with respect to the edges, so the
|
|
|
|
* summary area's bottom and right padding must actually be part of
|
|
|
|
* the icons. However, we can't put *all* of the padding into the
|
|
|
|
* icons, because then the summary would be 0x0 when there were no
|
|
|
|
* icons in it, and so you wouldn't be able to hover over it to
|
|
|
|
* activate it.
|
2010-09-24 16:04:56 -04:00
|
|
|
*
|
|
|
|
* Also, the spacing between a summary-source's icon and title is
|
|
|
|
* actually specified as padding-left in source-title, because we
|
|
|
|
* want the spacing to collapse along with the title.
|
2010-02-25 14:42:18 -05:00
|
|
|
*/
|
2010-01-13 15:05:20 -05:00
|
|
|
#summary-mode {
|
2010-08-05 10:39:05 -04:00
|
|
|
padding: 2px 0px 0px 4px;
|
2010-07-21 02:41:45 -04:00
|
|
|
height: 36px;
|
2010-06-23 15:20:39 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.summary-source {
|
|
|
|
}
|
|
|
|
|
2010-08-05 10:39:05 -04:00
|
|
|
.summary-source-button {
|
|
|
|
padding-left: 3px;
|
|
|
|
padding-right: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.summary-source-button:last-child {
|
|
|
|
padding-right: 12px;
|
|
|
|
}
|
|
|
|
|
2010-06-23 15:20:39 -04:00
|
|
|
.source-title {
|
|
|
|
font: 12px sans-serif;
|
|
|
|
font-weight: bold;
|
|
|
|
color: white;
|
2010-09-24 16:04:56 -04:00
|
|
|
padding-left: 4px;
|
2010-01-13 15:05:20 -05:00
|
|
|
}
|
|
|
|
|
2010-05-27 03:31:46 -04:00
|
|
|
.calendar-calendarweek {
|
|
|
|
color: #666666;
|
|
|
|
}
|
|
|
|
|
2009-09-29 12:19:16 -04:00
|
|
|
/* App Switcher */
|
2010-03-26 12:47:12 -04:00
|
|
|
#altTabPopup {
|
|
|
|
padding: 8px;
|
|
|
|
spacing: 16px;
|
|
|
|
}
|
|
|
|
|
2009-10-02 11:02:46 -04:00
|
|
|
.switcher-list {
|
2009-09-29 12:19:16 -04:00
|
|
|
background: rgba(0,0,0,0.8);
|
|
|
|
border: 1px solid rgba(128,128,128,0.40);
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 24px;
|
|
|
|
padding: 20px;
|
2009-10-09 09:43:31 -04:00
|
|
|
|
|
|
|
font: 12px sans-serif;
|
|
|
|
color: white;
|
2009-10-02 11:02:46 -04:00
|
|
|
}
|
|
|
|
|
2010-03-26 12:47:12 -04:00
|
|
|
.switcher-list-item-container {
|
|
|
|
spacing: 8px;
|
|
|
|
}
|
|
|
|
|
2010-03-17 13:31:03 -04:00
|
|
|
.thumbnail-scroll-gradient-left {
|
|
|
|
background-gradient-direction: horizontal;
|
|
|
|
background-gradient-start: rgba(51, 51, 51, 1.0);
|
|
|
|
background-gradient-end: rgba(51, 51, 51, 0);
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 24px;
|
|
|
|
border-radius-topright: 0px;
|
|
|
|
border-radius-bottomright: 0px;
|
2010-03-17 13:31:03 -04:00
|
|
|
width: 60px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.thumbnail-scroll-gradient-right {
|
|
|
|
background-gradient-direction: horizontal;
|
|
|
|
background-gradient-start: rgba(51, 51, 51, 0);
|
|
|
|
background-gradient-end: rgba(51, 51, 51, 1.0);
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 24px;
|
|
|
|
border-radius-topleft: 0px;
|
|
|
|
border-radius-bottomleft: 0px;
|
2010-03-17 13:31:03 -04:00
|
|
|
width: 60px;
|
|
|
|
}
|
|
|
|
|
2009-10-02 11:02:46 -04:00
|
|
|
.switcher-list .item-box {
|
|
|
|
padding: 8px;
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 8px;
|
2009-10-02 11:02:46 -04:00
|
|
|
}
|
|
|
|
|
2009-10-09 09:43:31 -04:00
|
|
|
.switcher-list .thumbnail-box {
|
|
|
|
padding: 2px;
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
2009-12-18 18:50:40 -05:00
|
|
|
.switcher-list .thumbnail {
|
|
|
|
width: 256px;
|
|
|
|
}
|
|
|
|
|
2009-10-09 09:43:31 -04:00
|
|
|
.switcher-list .outlined-item-box {
|
|
|
|
padding: 6px;
|
|
|
|
border: 2px solid rgba(85,85,85,1.0);
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 8px;
|
2009-10-09 09:43:31 -04:00
|
|
|
}
|
|
|
|
|
2009-10-02 11:02:46 -04:00
|
|
|
.switcher-list .selected-item-box {
|
2009-09-29 12:19:16 -04:00
|
|
|
padding: 8px;
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 8px;
|
2009-10-02 11:02:46 -04:00
|
|
|
background: rgba(255,255,255,0.33);
|
2009-09-29 12:19:16 -04:00
|
|
|
}
|
2009-10-15 18:34:23 -04:00
|
|
|
|
|
|
|
.switcher-list .separator {
|
|
|
|
width: 1px;
|
|
|
|
background: rgba(255,255,255,0.33);
|
2009-10-22 13:33:09 -04:00
|
|
|
}
|
2009-11-10 12:13:58 -05:00
|
|
|
|
2010-01-13 21:48:12 -05:00
|
|
|
.ripple-box {
|
|
|
|
width: 52px;
|
|
|
|
height: 52px;
|
|
|
|
background-image: url("corner-ripple.png");
|
|
|
|
}
|
2010-02-12 17:52:15 -05:00
|
|
|
|
2010-03-31 16:01:34 -04:00
|
|
|
.switcher-arrow {
|
|
|
|
border-color: rgba(0,0,0,0);
|
|
|
|
color: #808080;
|
|
|
|
}
|
|
|
|
|
|
|
|
.switcher-arrow:highlighted {
|
|
|
|
border-color: rgba(0,0,0,0);
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
2010-02-12 17:52:15 -05:00
|
|
|
/* Workspace Switcher */
|
2010-06-09 13:09:48 -04:00
|
|
|
.workspace-switcher-group {
|
|
|
|
padding: 12px;
|
|
|
|
}
|
|
|
|
|
2010-02-12 17:52:15 -05:00
|
|
|
.workspace-switcher-container {
|
|
|
|
background: rgba(0,0,0,0.8);
|
|
|
|
border: 1px solid rgba(128,128,128,0.40);
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 24px;
|
|
|
|
padding: 20px;
|
2010-02-12 17:52:15 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.workspace-switcher {
|
|
|
|
background: transparent;
|
|
|
|
border: 0px;
|
|
|
|
border-radius: 0px;
|
2010-10-31 12:14:17 -04:00
|
|
|
padding: 0px;
|
|
|
|
spacing: 8px;
|
2010-02-12 17:52:15 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.ws-switcher-active-left {
|
2010-06-09 13:09:48 -04:00
|
|
|
height: 100px;
|
2010-02-12 17:52:15 -05:00
|
|
|
border: 0px;
|
|
|
|
background: rgba(255,255,255,0.5);
|
|
|
|
background-image: url("ws-switch-arrow-left.svg");
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 8px;
|
2010-02-12 17:52:15 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.ws-switcher-active-right {
|
2010-06-09 13:09:48 -04:00
|
|
|
height: 100px;
|
2010-02-12 17:52:15 -05:00
|
|
|
border: 0px;
|
|
|
|
background: rgba(255,255,255,0.5);
|
|
|
|
background-image: url("ws-switch-arrow-right.svg");
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 8px;
|
2010-02-12 17:52:15 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.ws-switcher-box {
|
|
|
|
height: 96px;
|
|
|
|
border: 2px solid rgba(85,85,85,0.5);
|
|
|
|
background: transparent;
|
2010-10-31 12:14:17 -04:00
|
|
|
border-radius: 8px;
|
2010-02-12 17:52:15 -05:00
|
|
|
}
|
2010-02-26 11:32:38 -05:00
|
|
|
|
|
|
|
/* Run Dialog */
|
|
|
|
.run-dialog-label {
|
|
|
|
font: 12px sans-serif;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.run-dialog-error-icon {
|
|
|
|
background-image: url("dialog-error.svg");
|
|
|
|
width: 36px;
|
|
|
|
height: 36px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.run-dialog-error-label {
|
|
|
|
font: 16px sans-serif;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.run-dialog-entry {
|
|
|
|
font: 14px sans-serif;
|
|
|
|
font-weight: bold;
|
|
|
|
width: 320px;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.run-dialog {
|
|
|
|
padding: 8px;
|
|
|
|
border: 1px solid rgba(128,128,128,0.40);
|
|
|
|
border-radius: 4px;
|
|
|
|
background: rgba(0,0,0,0.8);
|
|
|
|
}
|
2010-02-26 15:13:11 -05:00
|
|
|
|
|
|
|
.lightbox {
|
2010-01-10 00:09:18 -05:00
|
|
|
background-color: rgba(0, 0, 0, 0.4);
|
2010-02-26 15:13:11 -05:00
|
|
|
}
|
2010-05-10 12:40:03 -04:00
|
|
|
|
|
|
|
/* Magnifier */
|
|
|
|
|
|
|
|
.magnifier-zoom-region {
|
|
|
|
border: 2px solid rgba(128, 0, 0, 255);
|
|
|
|
}
|
|
|
|
|
|
|
|
.magnifier-zoom-region.full-screen {
|
|
|
|
border-width: 0px;
|
|
|
|
}
|