157 lines
3.9 KiB
CSS
157 lines
3.9 KiB
CSS
|
/*
|
||
|
* This file is part of the Dash-To-Panel extension for Gnome 3
|
||
|
*
|
||
|
* This program is free software: you can redistribute it and/or modify
|
||
|
* it under the terms of the GNU General Public License as published by
|
||
|
* the Free Software Foundation, either version 2 of the License, or
|
||
|
* (at your option) any later version.
|
||
|
*
|
||
|
* This program is distributed in the hope that it will be useful,
|
||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
* GNU General Public License for more details.
|
||
|
*
|
||
|
* You should have received a copy of the GNU General Public License
|
||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||
|
*
|
||
|
*
|
||
|
* Credits:
|
||
|
* This file is based on code from the Dash to Dock extension by micheleg
|
||
|
* and code from the Taskbar extension by Zorin OS
|
||
|
* Some code was also adapted from the upstream Gnome Shell source code.
|
||
|
*/
|
||
|
|
||
|
#dashtopanelTaskbar .dash-item-container > StWidget,
|
||
|
.dashtopanelMainPanel .show-apps {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .app-well-app .overview-icon,
|
||
|
.dashtopanelMainPanel .show-apps .overview-icon {
|
||
|
background: none;
|
||
|
border: none;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .app-well-app .overview-label {
|
||
|
/* must match TITLE_RIGHT_PADDING in apppicons.js */
|
||
|
padding-right: 8px;
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .app-well-app:hover .overview-icon,
|
||
|
#dashtopanelScrollview .app-well-app:focus .overview-icon {
|
||
|
background: none;
|
||
|
}
|
||
|
|
||
|
.dashtopanelMainPanel .show-apps:hover .overview-icon,
|
||
|
#dashtopanelScrollview .app-well-app:hover .dtp-container,
|
||
|
#dashtopanelScrollview .app-well-app:focus .dtp-container {
|
||
|
background-color: rgba(238, 238, 236, 0.1);
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .app-well-app:hover .dtp-container.animate-appicon-hover {
|
||
|
background: none;
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .app-well-app:active .dtp-container {
|
||
|
background-color: rgba(238, 238, 236, 0.18);
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .app-well-app .favorite {
|
||
|
background-color: rgba(80, 150, 255, 0.4);
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .app-well-app-running-dot {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
#dashtopanelTaskbar .scrollview-fade {
|
||
|
background-gradient-end: rgba(0, 0, 0, 0);
|
||
|
}
|
||
|
|
||
|
.dashtopanelSecondaryMenu {
|
||
|
max-width: 400px;
|
||
|
}
|
||
|
|
||
|
.dashtopanelMainPanel.vertical .panel-button {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.dashtopanelMainPanel.vertical .panel-button.vertical *,
|
||
|
.dashtopanelMainPanel.vertical .panel-button.clock-display * {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.dashtopanelMainPanel.vertical .panel-button > *,
|
||
|
.dashtopanelMainPanel.vertical .panel-button.vertical > *,
|
||
|
.dashtopanelMainPanel.vertical .panel-button.vertical .system-status-icon,
|
||
|
.dashtopanelMainPanel.vertical .panel-button.clock-display > *,
|
||
|
.dashtopanelMainPanel.vertical .panel-button.clock-display .clock {
|
||
|
padding: 8px 0;
|
||
|
}
|
||
|
|
||
|
.dashtopanelMainPanel.vertical .panel-button.clock-display {
|
||
|
-natural-hpadding: 0;
|
||
|
-minimum-hpadding: 0;
|
||
|
}
|
||
|
|
||
|
#dashtopanelThumbnailList {
|
||
|
spacing: 0em;
|
||
|
padding: 0 1em;
|
||
|
}
|
||
|
|
||
|
#dashtopanelThumbnailList .popup-menu-item {
|
||
|
padding: 0;
|
||
|
border-radius: 5px;
|
||
|
spacing: 0;
|
||
|
}
|
||
|
|
||
|
#dashtopanelThumbnailList .window-box {
|
||
|
padding: 0;
|
||
|
spacing: 0;
|
||
|
}
|
||
|
|
||
|
#dashtopanelThumbnailList .preview-window-title {
|
||
|
padding-top: 1em;
|
||
|
}
|
||
|
|
||
|
.popup-menu.panel-menu {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
#panel #panelLeft, #panel #panelCenter {
|
||
|
spacing: 0px;
|
||
|
}
|
||
|
|
||
|
.showdesktop-button-dark-hovered {
|
||
|
background-color: rgba(200, 200, 200, .4);
|
||
|
}
|
||
|
|
||
|
.showdesktop-button-light-hovered {
|
||
|
background-color: rgba(55, 55, 55, .4);
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .badge {
|
||
|
color: rgba(255, 255, 255, 1);
|
||
|
font-weight: bold;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .number-overlay {
|
||
|
background-color: rgba(0,0,0,0.8);
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .notification-badge {
|
||
|
background-color: rgba(255,0,0,0.8);
|
||
|
}
|
||
|
|
||
|
#dashtopanelScrollview .progress-bar {
|
||
|
/* Customization of the progress bar style, e.g.:
|
||
|
-progress-bar-background: rgba(0.8, 0.8, 0.8, 1);
|
||
|
-progress-bar-border: rgba(0.9, 0.9, 0.9, 1);
|
||
|
*/
|
||
|
}
|