numix-gtk-theme/gtk-3.0/apps/granite-widgets.css

405 lines
9.2 KiB
CSS
Raw Normal View History

2013-03-23 11:30:48 +00:00
/********************
* dynamic notebook *
********************/
2013-02-26 16:48:52 +00:00
.dynamic-notebook {
2013-02-27 19:50:46 +00:00
background-color: shade(@theme_bg_color, 1.08);
2013-02-26 16:48:52 +00:00
background-image: none;
}
2013-03-23 11:30:48 +00:00
.dynamic-notebook GtkLabel,
.dynamic-notebook GtkImage {
color: alpha(@theme_fg_color, 0.5);
}
2013-02-26 16:48:52 +00:00
.dynamic-notebook .notebook {
-GtkNotebook-tab-overlap: 3px;
2013-04-10 10:33:47 +00:00
-GtkNotebook-initial-gap: 12px;
2013-02-26 16:48:52 +00:00
border-width: 1px 0 0 0;
2013-03-23 11:30:48 +00:00
border-color: shade(@theme_bg_color, 0.8);
2013-02-26 16:48:52 +00:00
border-radius: 0;
2013-04-10 10:33:47 +00:00
padding: 0;
2013-02-26 16:48:52 +00:00
}
.dynamic-notebook .notebook tab {
2013-03-23 11:30:48 +00:00
padding: 3px;
border-color: shade(@theme_bg_color, 0.85);
border-radius: 2px;
background-color: shade(@theme_bg_color, 0.9);
2013-02-26 16:48:52 +00:00
background-image: none;
}
.dynamic-notebook .notebook tab:nth-child(first) {
border-width: 0 1px 0 1px;
}
.dynamic-notebook .notebook tab:active {
border-width: 1px;
border-color: shade(@theme_bg_color, 0.8);
border-radius: 2px;
2013-02-27 19:50:46 +00:00
background-color: shade(@theme_bg_color, 1.08);
2013-02-26 16:48:52 +00:00
color: @theme_fg_color;
}
2013-03-23 11:30:48 +00:00
.dynamic-notebook .notebook tab .entry {
border-radius: 2px;
padding: 4px 3px;
}
2013-02-26 16:48:52 +00:00
.dynamic-notebook .button:hover,
.dynamic-notebook .button:hover:active,
.dynamic-notebook .notebook .button,
.dynamic-notebook .notebook .button:hover,
.dynamic-notebook .notebook .button:hover:active {
2013-03-23 11:30:48 +00:00
border-color: shade(@theme_bg_color, 0.7);
background-color: shade(@theme_bg_color, 1.10);
2013-02-26 16:48:52 +00:00
background-image: none;
}
2013-03-23 11:30:48 +00:00
.dynamic-notebook .button:hover:active,
.dynamic-notebook .notebook .button:hover:active {
border-color: shade(@theme_bg_color, 0.7);
color: shade(@theme_fg_color, 0.7);
}
2013-02-26 16:48:52 +00:00
/****************
* content view *
****************/
.content-view-window {
border-width: 1px;
border-style: solid;
2013-05-18 08:52:04 +00:00
border-color: shade(@theme_base_color, 0.8);
2013-03-18 11:05:52 +00:00
border-radius: 2px;
2013-05-18 08:52:04 +00:00
background-color:@theme_base_color;
color: @theme_text_color;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
.content-view,
.content-view GtkViewport {
2013-02-27 19:50:46 +00:00
background-color: @theme_base_color;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
.content-view * {
background-color: transparent;
background-image: none;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
.content-view .entry {
background-color: @theme_base_color;
background-image: none;
color: @theme_text_color;
2013-02-26 16:48:52 +00:00
}
.content-view .button {
border-style: solid;
2013-05-18 08:52:04 +00:00
border-color: shade(@theme_base_color, 0.8);
2013-02-26 16:48:52 +00:00
border-radius: 2px;
2013-05-18 08:52:04 +00:00
background-color: shade(@theme_base_color, 1.08);
2013-02-26 16:48:52 +00:00
background-image: none;
2013-05-18 08:52:04 +00:00
color: @theme_text_color;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
.content-view .button:hover {
2013-05-18 08:52:04 +00:00
border-color: shade(@theme_base_color, 0.7);
background-color: shade(@theme_base_color, 1.10);
2013-02-26 16:48:52 +00:00
background-image: none;
}
2013-03-23 11:30:48 +00:00
.content-view .button:active {
2013-05-18 08:52:04 +00:00
border-color: shade(@theme_base_color, 0.8);
background-color: shade(@theme_base_color, 0.95);
2013-03-23 11:30:48 +00:00
background-image: none;
}
.content-view .button:active:hover {
2013-05-18 08:52:04 +00:00
border-color: shade(@theme_base_color, 0.7);
color: shade(@theme_text_color, 0.7);
2013-03-23 11:30:48 +00:00
}
2013-02-26 16:48:52 +00:00
.content-view .button:insensitive {
2013-05-18 08:52:04 +00:00
background-color: shade(@theme_base_color, 0.9);
2013-02-26 16:48:52 +00:00
background-image: none;
}
.content-view .help_button * {
2013-05-18 08:52:04 +00:00
color: @theme_text_color;
2013-02-26 16:48:52 +00:00
}
.content-view .toolbar {
2013-03-23 11:30:48 +00:00
-GtkWidget-window-dragging: true;
2013-02-26 16:48:52 +00:00
padding: 1px;
border-width: 0 0 1px 0;
border-style: solid;
2013-05-18 08:52:04 +00:00
border-color: shade(@theme_base_color, 0.8);
background-color: @theme_base_color;
2013-03-18 11:05:52 +00:00
background-image: none;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
/**************
* sourcelist *
*************/
.source-list,
.source-list.view {
2013-02-26 16:48:52 +00:00
border-radius: 0;
2013-03-23 11:30:48 +00:00
background-color: @theme_bg_color;
color: mix(@theme_fg_color, @theme_bg_color, 0.1);
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
.source-list {
-GtkTreeView-horizontal-separator: 1;
2013-02-26 16:48:52 +00:00
-GtkTreeView-vertical-separator: 1;
2013-03-23 11:30:48 +00:00
}
2013-02-26 16:48:52 +00:00
2013-03-23 11:30:48 +00:00
.source-list.view:selected,
.source-list.view:prelight:selected {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
.source-list.view:prelight {
background-color: shade(@theme_bg_color, 1.08);
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
.source-list.badge,
.source-list.badge:prelight,
.source-list.badge:selected,
.source-list.badge:prelight:selected {
margin: 0 3px;
padding: 0 6px;
2013-02-26 16:48:52 +00:00
border-width: 0;
2013-03-23 11:30:48 +00:00
border-radius: 10px;
background-color: @theme_selected_bg_color;
background-image: none;
color: @theme_selected_fg_color;
2013-02-26 16:48:52 +00:00
}
/*************
* statusbar *
*************/
GraniteWidgetsStatusBar {
padding: 1px;
2013-02-27 20:14:54 +00:00
background-color: @theme_bg_color;
background-image: none;
2013-02-26 16:48:52 +00:00
box-shadow: inset 0 1px shade(@theme_bg_color, 0.8);
}
/***********
* popover *
2013-05-18 08:52:04 +00:00
***********/
2013-02-26 16:48:52 +00:00
GraniteWidgetsPopOver {
2013-03-23 11:30:48 +00:00
-GraniteWidgetsPopOver-arrow-width: 21;
2013-02-26 16:48:52 +00:00
-GraniteWidgetsPopOver-arrow-height: 12;
2013-03-23 11:30:48 +00:00
-GraniteWidgetsPopOver-border-radius: 2px;
2013-02-26 16:48:52 +00:00
-GraniteWidgetsPopOver-border-width: 1;
2013-03-23 11:30:48 +00:00
-GraniteWidgetsPopOver-shadow-size: 12;
2013-02-26 16:48:52 +00:00
margin: 0;
border-style: solid;
border-color: shade(@menu_bg_color, 0.8);
color: @menu_fg_color;
}
.popover_bg {
background-color: transparent;
2013-03-04 13:55:26 +00:00
background-image: -gtk-gradient(linear,
left top, left bottom,
from (@menu_bg_color),
2013-03-06 14:31:40 +00:00
to (@menu_bg_color));
2013-02-26 16:48:52 +00:00
}
GraniteWidgetsPopOver .sidebar.view,
GraniteWidgetsPopOver * {
background-color: transparent;
color: @menu_fg_color;
}
2013-03-23 11:30:48 +00:00
GraniteWidgetsPopOver .sidebar.view:selected,
GraniteWidgetsPopOver .sidebar.view:selected:focus,
GraniteWidgetsPopOver *:selected,
GraniteWidgetsPopOver *:selected:focus {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
}
2013-02-26 16:48:52 +00:00
GraniteWidgetsPopOver .button {
border-color: shade(@menu_bg_color, 0.8);
2013-03-18 11:05:52 +00:00
background-color: shade(@menu_bg_color, 1.08);
2013-02-26 16:48:52 +00:00
background-image: none;
color: @menu_fg_color;
2013-03-23 11:30:48 +00:00
2013-02-26 16:48:52 +00:00
}
2013-03-18 11:05:52 +00:00
GraniteWidgetsPopOver .button:hover {
border-color: shade(@menu_bg_color, 0.7);
background-color: shade(@menu_bg_color, 1.10);
background-image: none;
2013-03-23 11:30:48 +00:00
color: shade(@menu_fg_color, 0.7);
2013-03-18 11:05:52 +00:00
}
2013-03-23 11:30:48 +00:00
GraniteWidgetsPopOver .button:active {
2013-03-18 11:05:52 +00:00
border-color: shade(@menu_bg_color, 0.8);
background-color: shade(@menu_bg_color, 0.95);
2013-02-26 16:48:52 +00:00
background-image: none;
}
2013-03-23 11:30:48 +00:00
GraniteWidgetsPopOver .button:active:hover {
border-color: shade(@menu_bg_color, 0.7);
color: shade(@menu_fg_color, 0.7);
}
2013-02-26 16:48:52 +00:00
GraniteWidgetsPopOver .entry {
2013-03-18 11:05:52 +00:00
border-color: shade(@menu_bg_color, 0.7);
background-color: @menu_bg_color;
2013-03-04 13:55:26 +00:00
background-image: none;
2013-03-18 11:05:52 +00:00
color: @menu_fg_color;
}
GraniteWidgetsPopOver .entry:active,
GraniteWidgetsPopOver .entry:focus {
border-color: shade(@menu_bg_color, 0.7);
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
GraniteWidgetsPopOver *.separator {
border-color: shade(@menu_bg_color, 0.9);
color: transparent;
}
2013-02-26 16:48:52 +00:00
.button.app {
border-width: 0;
border-radius: 2px;
2013-03-23 11:30:48 +00:00
background-color: transparent;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
.button.app:hover {
border-color: shade(@theme_selected_bg_color, 0.9);
2013-02-27 20:14:54 +00:00
background-color: @theme_selected_bg_color;
background-image: none;
2013-02-26 16:48:52 +00:00
color: @theme_selected_fg_color;
}
2013-03-23 11:30:48 +00:00
.button.app:focus {
border-color: shade(@theme_selected_bg_color, 0.9);
background-color: @theme_selected_bg_color;
background-image: none;
color: @theme_selected_fg_color;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
/********
* gala *
*******/
.gala-workspaces-background {
border-width: 1px 0 0 0;
border-color: shade(@panel_bg_color, 0.8);
background-color: @panel_bg_color;
background-image: none;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
.gala-workspace-selected {
border-width: 1px;
border-radius: 2px;
border-color: shade(@theme_selected_bg_color, 0.9);
background-color: @theme_selected_bg_color;
background-image: none;
2013-02-26 16:48:52 +00:00
}
2013-03-23 11:30:48 +00:00
/*********
* files *
********/
.files-overlay-bar {
margin: 3px;
padding: 3px 6px;
border-width: 0;
border-radius: 2px;
background-color: @theme_tooltip_bg_color;
}
.files-overlay-bar* {
color: @theme_tooltip_fg_color;
}
/*********
* noise *
********/
.album-list-view,
.album-list-view * {
border-color: shade(@theme_bg_color, 0.8);
border-radius: 0;
background-color: @theme_base_color;
color: @theme_fg_color;
}
.album-list-view GtkTreeView {
-GtkTreeView-vertical-separator: 1;
-GtkTreeView-grid-line-width: 0;
background-color: @theme_base_color;
color: @theme_fg_color;
}
.album-list-view GtkTreeView row:nth-child(even) {
border-width: 0;
2013-02-26 16:48:52 +00:00
border-style: none;
2013-03-23 11:30:48 +00:00
background-color: shade(@theme_base_color, 0.97);
}
.album-list-view GtkTreeView row:nth-child(odd) {
border-width: 0;
border-style: none;
background-color: shade(@theme_base_color, 1.0);
}
.album-list-view GtkTreeView row:selected {
background-color: @selected_bg_color;
color: @selected_fg_color;
2013-02-26 16:48:52 +00:00
}
/**********
* notify *
2013-05-18 08:52:04 +00:00
**********/
2013-02-26 16:48:52 +00:00
.notify {
border-width: 1px;
border-style: solid;
2013-03-23 11:30:48 +00:00
border-color: shade(@theme_base_color, 0.7);
2013-02-27 20:14:54 +00:00
border-radius: 2px;
2013-02-26 16:48:52 +00:00
background-color: @theme_base_color;
color: @theme_text_color;
}
.notify .low {
}
.notify .critical {
2013-02-27 19:50:46 +00:00
}
2013-03-23 11:30:48 +00:00
/*********
* panel *
********/
.panel {
background-color: @panel_bg_color;
color: @panel_fg_color;
}
.shadow {
background-color: transparent;
background-image: -gtk-gradient(linear,
left top, left bottom,
from (rgba(0, 0, 0, 0.3)),
to (transparent));
}
.composited-indicator,
.wingpanel-app-button,
.wingpanel-indicator-button {
padding: 0 2px;
background-color: transparent;
color: @panel_fg_color;
}
.composited-indicator.menuitem:active,
.composited-indicator.menuitem:prelight {
border-style: none;
background-image: none;
}