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.
|
|
|
|
*/
|
|
|
|
|
|
|
|
StScrollBar
|
|
|
|
{
|
|
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
StScrollView
|
|
|
|
{
|
2009-09-19 21:10:15 -04:00
|
|
|
scrollbar-width: 16px;
|
|
|
|
scrollbar-height: 16px;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
StButton#up-stepper
|
|
|
|
{
|
2009-09-20 16:50:42 -04:00
|
|
|
border-image: url("scroll-button-up.png") 5;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
StButton#up-stepper:hover,
|
|
|
|
StButton#up-stepper:active
|
|
|
|
{
|
2009-09-20 16:50:42 -04:00
|
|
|
border-image: url("scroll-button-up-hover.png") 5;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
StButton#down-stepper
|
|
|
|
{
|
2009-09-20 16:50:42 -04:00
|
|
|
border-image: url("scroll-button-down.png") 5;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
StButton#down-stepper:hover,
|
|
|
|
StButton#down-stepper:active
|
|
|
|
{
|
2009-09-20 16:50:42 -04:00
|
|
|
border-image: url("scroll-button-down-hover.png") 5;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
StScrollBar StButton#vhandle
|
|
|
|
{
|
2009-09-20 16:50:42 -04:00
|
|
|
border-image: url("scroll-vhandle.png") 5;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
StScrollBar StButton#vhandle:hover
|
|
|
|
{
|
2009-09-20 16:50:42 -04:00
|
|
|
border-image: url("scroll-vhandle.png") 5;
|
2009-09-10 01:38:00 -04:00
|
|
|
}
|
2009-09-10 01:38:13 -04:00
|
|
|
|
2009-11-11 16:22:42 -05:00
|
|
|
StTooltip {
|
|
|
|
border: 1px solid rgba(79,111,173,0.9);
|
|
|
|
border-radius: 5px;
|
|
|
|
padding: 4px;
|
|
|
|
background-color: rgba(79,111,173,0.9);
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
2009-09-30 10:02:08 -04:00
|
|
|
/* Panel */
|
|
|
|
|
|
|
|
.panel-button {
|
|
|
|
padding: 4px 12px 3px;
|
|
|
|
border-radius: 5px;
|
|
|
|
font: 16px sans-serif;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.panel-button:active, .panel-button:checked {
|
|
|
|
background-color: #314a6c;
|
|
|
|
}
|
|
|
|
|
2009-10-22 13:33:09 -04:00
|
|
|
/* Dash */
|
|
|
|
|
|
|
|
#dash {
|
|
|
|
color: #5f5f5f;
|
|
|
|
background-color: rgba(0,0,0,0.75);
|
|
|
|
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;
|
|
|
|
border-bottom: 1px solid #262626;
|
|
|
|
}
|
|
|
|
|
|
|
|
#searchEntry:active {
|
|
|
|
background-color: #c4c4c4;
|
|
|
|
}
|
|
|
|
|
2009-11-06 16:08:07 -05:00
|
|
|
.dash-section {
|
|
|
|
spacing: 8px;
|
|
|
|
}
|
|
|
|
|
2009-10-22 13:33:09 -04:00
|
|
|
.section-header {
|
|
|
|
border: 1px solid #262626;
|
|
|
|
-shell-gradient-top: #161616;
|
|
|
|
-shell-gradient-bottom: #000000;
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.section-header-inner {
|
|
|
|
border: 1px solid #000000;
|
|
|
|
padding: 0px 4px;
|
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-10 10:02:02 -05:00
|
|
|
.section-header-back {
|
|
|
|
padding: 0px 4px 0px 0px;
|
|
|
|
border-right: 1px solid #262626;
|
|
|
|
}
|
|
|
|
|
|
|
|
.section-header-back-image {
|
|
|
|
background-image: url("section-back.svg");
|
|
|
|
width: 12px;
|
|
|
|
height: 16px;
|
|
|
|
}
|
|
|
|
|
2009-10-22 13:33:09 -04:00
|
|
|
.section-count {
|
|
|
|
}
|
|
|
|
|
2009-11-06 16:08:07 -05:00
|
|
|
.dash-section-content {
|
|
|
|
font-size: 14px;
|
|
|
|
color: #ffffff;
|
|
|
|
spacing: 8px;
|
|
|
|
}
|
|
|
|
|
2009-10-22 13:33:09 -04:00
|
|
|
.more-link {
|
|
|
|
border-left: 1px solid #262626;
|
|
|
|
padding: 0px 0px 0px 4px;
|
|
|
|
color: #ffffff;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
2009-11-06 14:55:03 -05:00
|
|
|
.dash-pane {
|
|
|
|
background-color: rgba(0,0,0,0.95);
|
|
|
|
border: 1px solid #262626;
|
|
|
|
padding: 4px;
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dash-pane-close {
|
|
|
|
background-image: url("close.svg");
|
|
|
|
width: 16px;
|
|
|
|
height: 16px;
|
|
|
|
}
|
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* AppIcon */
|
|
|
|
|
|
|
|
.app-icon-label {
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Places */
|
|
|
|
|
2009-09-10 01:38:13 -04:00
|
|
|
/* LookingGlass */
|
|
|
|
|
|
|
|
#LookingGlassDialog
|
|
|
|
{
|
|
|
|
background-color: rgba(0,0,0,0.85);
|
|
|
|
spacing: 4px;
|
|
|
|
padding: 4px;
|
|
|
|
border: 1px solid rgba(0,0,172,0.85);
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
|
|
color: #88ff66;
|
|
|
|
}
|
|
|
|
|
|
|
|
#LookingGlassDialog > #Toolbar
|
|
|
|
{
|
|
|
|
border: 1px solid grey;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#LookingGlassDialog StLabel
|
|
|
|
{
|
|
|
|
color: #88ff66;
|
|
|
|
}
|
|
|
|
|
|
|
|
#LookingGlassDialog StEntry
|
|
|
|
{
|
|
|
|
color: #88ff66;
|
|
|
|
}
|
|
|
|
|
|
|
|
#LookingGlassDialog StBoxLayout#EvalBox
|
|
|
|
{
|
|
|
|
padding: 4px;
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
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
|
|
|
|
|
|
|
/* App Switcher */
|
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);
|
|
|
|
border-radius: 8px;
|
2009-10-02 11:02:46 -04:00
|
|
|
padding: 18px;
|
2009-10-09 09:43:31 -04:00
|
|
|
|
|
|
|
font: 12px sans-serif;
|
|
|
|
color: white;
|
2009-10-02 11:02:46 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.switcher-list .item-box {
|
|
|
|
padding: 8px;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
2009-10-09 09:43:31 -04:00
|
|
|
.switcher-list .thumbnail-box {
|
|
|
|
padding: 2px;
|
|
|
|
spacing: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.switcher-list .outlined-item-box {
|
|
|
|
padding: 6px;
|
|
|
|
border: 2px solid rgba(85,85,85,1.0);
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
2009-10-02 11:02:46 -04:00
|
|
|
.switcher-list .selected-item-box {
|
2009-09-29 12:19:16 -04:00
|
|
|
padding: 8px;
|
2009-10-02 11:02:46 -04:00
|
|
|
border-radius: 4px;
|
|
|
|
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
|
|
|
}
|