system-taskbar/src/stylesheet.css

/*
 * This file is part of the Zorin Taskbar extension for Zorin OS.
 *
 * 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 Dash to Panel extension
 * Some code was also adapted from the upstream Gnome Shell source code.
 */

#zorintaskbarTaskbar .dash-item-container > StWidget,
.zorintaskbarMainPanel .dash-item-container .show-apps {
	margin: 0;
	padding: 0;
}

#zorintaskbarScrollview .overview-tile,
.zorintaskbarMainPanel .overview-tile {
	background: none;
}

#zorintaskbarScrollview .overview-tile .overview-label {
	/* must match TITLE_RIGHT_PADDING in apppicons.js */
	padding-right: 8px;
	text-align: left;
}

.zorintaskbarMainPanel .dash-item-container .show-apps .overview-icon {
	color: #FFF;
}

#zorintaskbarTaskbar .dash-item-container .overview-tile:hover,
#zorintaskbarTaskbar .dash-item-container .overview-tile .dtp-container .overview-icon,
.zorintaskbarMainPanel .dash-item-container .show-apps:hover .overview-icon {
	background: none;
}

#zorintaskbarScrollview .overview-tile .favorite {
	/*background-color: rgba(80, 150, 255, 0.4);*/
}

#zorintaskbarTaskbar .scrollview-fade {
	background-gradient-end: rgba(0, 0, 0, 0);
}

.zorintaskbarSecondaryMenu {
	max-width: 400px;
}

.zorintaskbarMainPanel.vertical .panel-button {
	text-align: center;
}

.zorintaskbarMainPanel.vertical .panel-button.vertical *,
.zorintaskbarMainPanel.vertical .panel-button.clock-display * {
	padding: 0;
	margin: 0;
}

.zorintaskbarMainPanel.vertical .panel-button > *,
.zorintaskbarMainPanel.vertical .panel-button.vertical > *,
.zorintaskbarMainPanel.vertical .panel-button.vertical .system-status-icon,
.zorintaskbarMainPanel.vertical .panel-button.clock-display > *,
.zorintaskbarMainPanel.vertical .panel-button.clock-display .clock {
	padding: 8px 0;
}

.zorintaskbarMainPanel.vertical .panel-button.clock-display {
	-natural-hpadding: 0;
	-minimum-hpadding: 0;
}

#zorintaskbarThumbnailList {
	spacing: 0em;
	padding: 0 1em;
}

#zorintaskbarThumbnailList .popup-menu-item {
	padding: 0;
	border-radius: 5px;
	spacing: 0;
}

#zorintaskbarThumbnailList .window-box {
	padding: 0;
	spacing: 0;
}

#zorintaskbarThumbnailList .preview-window-title {
	padding-top: 1em;
}

.popup-menu.panel-menu {
  margin-bottom: 0;
}

#panel #panelLeft, #panel #panelCenter {
	spacing: 0px;
}

#zorintaskbarScrollview .badge {
	color: rgba(255, 255, 255, 1);
	padding: 0.2em 0.5em;
	border-radius: 1em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0 2px;
}

#zorintaskbarScrollview .number-overlay {
	background-color: rgba(0,0,0,0.8);
}

#zorintaskbarScrollview .notification-badge {
  background-color: rgba(255,0,0,0.8);
  margin: 2px;
}

#zorintaskbarScrollview .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); */
}

.preview-container,
#preview-menu {
	border-radius: 15px;
}

/* border radius, grrr no css variables in ST */
#uiGroup.br5 .zorintaskbarPanel.dock,
#uiGroup.br5 .zorintaskbarPanel.dock .zorintaskbarMainPanel,
#uiGroup.br5 .show-apps,
#uiGroup.br5 .dtp-container,
#uiGroup.br5 .dtp-dots-container { 
	border-radius: 5px !important;
	overflow: hidden !important;
}
#uiGroup.br5 .zorintaskbarMainPanel .panel-button,
#uiGroup.br5 .zorintaskbarMainPanel .panel-button.clock-display .clock {
	border-radius: 5px;
}

#uiGroup.br10 .zorintaskbarPanel.dock,
#uiGroup.br10 .zorintaskbarPanel.dock .zorintaskbarMainPanel,
#uiGroup.br10 .show-apps,
#uiGroup.br10 .dtp-container,
#uiGroup.br10 .dtp-dots-container { 
	border-radius: 10px !important;
	overflow: hidden !important;
}
#uiGroup.br10 .zorintaskbarMainPanel .panel-button,
#uiGroup.br10 .zorintaskbarMainPanel .panel-button.clock-display .clock {
	border-radius: 10px;
}

#uiGroup.br15 .zorintaskbarPanel.dock,
#uiGroup.br15 .zorintaskbarPanel.dock .zorintaskbarMainPanel,
#uiGroup.br15 .show-apps,
#uiGroup.br15 .dtp-container,
#uiGroup.br15 .dtp-dots-container { 
	border-radius: 15px !important;
	overflow: hidden !important;
}
#uiGroup.br15 .zorintaskbarMainPanel .panel-button,
#uiGroup.br15 .zorintaskbarMainPanel .panel-button.clock-display .clock {
	border-radius: 15px;
}

#uiGroup.br20 .zorintaskbarPanel.dock,
#uiGroup.br20 .zorintaskbarPanel.dock .zorintaskbarMainPanel,
#uiGroup.br20 .show-apps,
#uiGroup.br20 .dtp-container,
#uiGroup.br20 .dtp-dots-container { 
	border-radius: 20px !important;
	overflow: hidden !important;
}
#uiGroup.br20 .zorintaskbarMainPanel .panel-button,
#uiGroup.br20 .zorintaskbarMainPanel .panel-button.clock-display .clock {
	border-radius: 20px;
}

#uiGroup.br25 .zorintaskbarPanel.dock,
#uiGroup.br25 .zorintaskbarPanel.dock .zorintaskbarMainPanel,
#uiGroup.br25 .show-apps,
#uiGroup.br25 .dtp-container,
#uiGroup.br25 .dtp-dots-container { 
	border-radius: 25px !important;
	overflow: hidden !important;
}
#uiGroup.br25 .zorintaskbarMainPanel .panel-button,
#uiGroup.br25 .zorintaskbarMainPanel .panel-button.clock-display .clock {
	border-radius: 25px;
}