diff theme/Just-Dark/gtk-3.0/gtk-widgets-assets.css @ 1227:6a1076af059e

get new Just-Dark gtk theme Ignore-this: 816cccf9d727462e53c884b7f1207cc7
author Drew Perttula <drewp@bigasterisk.com>
date Mon, 08 Jun 2015 09:27:50 +0000
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/theme/Just-Dark/gtk-3.0/gtk-widgets-assets.css	Mon Jun 08 09:27:50 2015 +0000
@@ -0,0 +1,404 @@
+/*******************
+ * Pane separators *
+ *******************/
+.pane-separator {
+  background-image: url("assets/pane-separator-grip.svg");
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.pane-separator:hover {
+  background-image: url("assets/pane-separator-grip-prelight.svg");
+}
+
+.pane-separator.vertical {
+  background-image: url("assets/pane-separator-grip-vertical.svg");
+}
+
+.pane-separator.vertical:hover {
+  background-image: url("assets/pane-separator-grip-vertical-prelight.svg");
+}
+
+/*************************
+ * Header bar separator  *
+ *************************/
+.titlebar.selection-mode .header-bar-separator, 
+GtkCalendar.selection-mode.header .header-bar-separator, 
+.titlebar.selection-mode > GtkBox > .separator.vertical, 
+GtkCalendar.selection-mode.header > GtkBox > .separator.vertical,
+.header-bar.selection-mode .header-bar-separator,
+.header-bar.selection-mode > GtkBox > .separator.vertical {
+  -GtkWidget-wide-separators: 1;
+  -GtkWidget-separator-width: 9px;
+  background: transparent;
+  border-width: 0 4px 0 1px;
+  border-style: solid;
+  border-color: transparent;
+  border-image: -gtk-scaled(url("assets/header-separator-selectionmode.png"),url("assets/header-separator-selectionmode@2.png")) 0 4 0 1 / 0 4px 0 1px stretch; }
+
+.titlebar.selection-mode .left .header-bar-separator, 
+.titlebar.selection-mode > GtkBox.left > .separator.vertical, 
+.header-bar.selection-mode .left .header-bar-separator,
+.header-bar.selection-mode > GtkBox.left > .separator.vertical,
+.titlebar.selection-mode .right:dir(rtl) .header-bar-separator, 
+.titlebar.selection-mode > GtkBox.right:dir(rtl) > .separator.vertical, 
+.header-bar.selection-mode .right:dir(rtl) .header-bar-separator,
+.header-bar.selection-mode > GtkBox.right:dir(rtl) > .separator.vertical {
+  -GtkWidget-wide-separators: 1;
+  -GtkWidget-separator-width: 9px;
+  background: transparent;
+  border-width: 0 1px 0 4px;
+  border-style: solid;
+  border-color: transparent;
+  border-image: -gtk-scaled(url("assets/header-separator-selectionmode-left.png"),url("assets/header-separator-selectionmode-left@2.png")) 0 1 0 4 / 0 1px 0 4px stretch; }
+
+.titlebar .header-bar-separator, 
+GtkCalendar.header .header-bar-separator, 
+.titlebar > GtkBox > .separator.vertical, 
+GtkCalendar.header > GtkBox > .separator.vertical,
+.header-bar .header-bar-separator,
+.header-bar > GtkBox > .separator.vertical, 
+.toolbar .separator {
+  -GtkWidget-wide-separators: 1;
+  -GtkWidget-separator-width: 9px;
+  background: transparent;
+  border-width: 0 4px 0 1px;
+  border-style: solid;
+  border-color: transparent;
+  border-image: -gtk-scaled(url("assets/header-separator.png"),url("assets/header-separator@2.png")) 0 4 0 1 / 0 4px 0 1px stretch; }
+
+.titlebar .left .header-bar-separator, 
+.titlebar > GtkBox.left > .separator.vertical, 
+.header-bar .left .header-bar-separator,
+.header-bar > GtkBox.left > .separator.vertical,
+.titlebar .right:dir(rtl) .header-bar-separator, 
+.titlebar > GtkBox.right:dir(rtl) > .separator.vertical, 
+.header-bar .right:dir(rtl) .header-bar-separator,
+.header-bar > GtkBox.right:dir(rtl) > .separator.vertical {
+  -GtkWidget-wide-separators: 1;
+  -GtkWidget-separator-width: 9px;
+  background: transparent;
+  border-width: 0 1px 0 4px;
+  border-style: solid;
+  border-color: transparent;
+  border-image: -gtk-scaled(url("assets/header-separator-left.png"),url("assets/header-separator-left@2.png")) 0 1 0 4 / 0 1px 0 4px stretch; }
+
+/*********************
+ * GtkScale's slider *
+ *********************/
+.scale.slider {
+  background-image: -gtk-scaled(url("assets/slider.png"),url("assets/slider@2.png"));
+}
+
+.list-row:selected .scale.slider {
+  background-image: -gtk-scaled(url("assets/slider-selected.png"),url("assets/slider-selected@2.png"));
+}
+
+.scale.slider:hover {
+  background-image: -gtk-scaled(url("assets/slider-hover.png"),url("assets/slider-hover@2.png"));
+}
+
+.list-row:selected .scale.slider:hover {
+  background-image: -gtk-scaled(url("assets/slider-hover-selected.png"),url("assets/slider-hover-selected@2.png"));
+}
+
+.scale.slider:active,
+.scale.slider:active:hover {
+  background-image: -gtk-scaled(url("assets/slider-active.png"),url("assets/slider-active@2.png"));
+}
+
+.list-row:selected .scale.slider:active,
+.list-row:selected .scale.slider:active:hover {
+  background-image: -gtk-scaled(url("assets/slider-active-selected.png"),url("assets/slider-active-selected@2.png"));
+}
+
+.scale.slider:insensitive,
+.scale.slider:insensitive:hover {
+  background-image: -gtk-scaled(url("assets/slider-insensitive.png"),url("assets/slider-insensitive@2.png"));
+}
+
+.list-row:selected .scale.slider:insensitive,
+.list-row:selected .scale.slider:insensitive:hover {
+  background-image: -gtk-scaled(url("assets/slider-insensitive-selected.png"),url("assets/slider-insensitive-selected@2.png"));
+}
+
+.osd .scale.slider {
+  background-image: -gtk-scaled(url("assets/slider-dark.png"),url("assets/slider-dark@2.png"));
+}
+
+.osd .scale.slider:hover {
+  background-image: -gtk-scaled(url("assets/slider-hover-dark.png"),url("assets/slider-hover-dark@2.png"));
+}
+
+.osd .scale.slider:active,
+.osd .scale.slider:active:hover {
+  background-image: -gtk-scaled(url("assets/slider-active-dark.png"),url("assets/slider-active-dark@2.png"));
+}
+
+.osd .scale.slider:insensitive,
+.osd .scale.slider:insensitive:hover {
+  background-image: -gtk-scaled(url("assets/slider-insensitive-dark.png"),url("assets/slider-insensitive-dark@2.png"));
+}
+
+/*Scrollbar*/
+.scrollbar.trough {
+  border-image: -gtk-scaled(url("assets/scrollbar-trough.png"),url("assets/scrollbar-trough@2.png"))  8 7 8 8 / 8px 7px 8px 8px;
+	border-width: 8px 7px 8px 8px;
+  background-color: transparent;
+  border-radius: 0;
+}
+
+.scrollbar.trough.horizontal {
+  border-image: -gtk-scaled(url("assets/scrollbar-trough-horizontal.png"),url("assets/scrollbar-trough-horizontal@2.png")) 8 8 7 8 / 8px 8px 7px 8px;
+  border-width: 8px 8px 7px 8px;
+}
+
+.scrollbar.slider {
+  border-image: -gtk-scaled(url("assets/scrollbar-slider.png"),url("assets/scrollbar-slider@2.png")) 8 7 8 8 / 8px 7px 8px 8px;
+  border-width: 8px 7px 8px 8px;
+  background-color: transparent;
+  border-radius: 0;
+}
+
+.scrollbar.slider.horizontal {
+  border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal.png"),url("assets/scrollbar-slider-horizontal@2.png")) 8 8 7 8 / 8px 8px 7px 8px;
+  border-width: 8px 8px 7px 8px;
+}
+
+.scrollbar.slider:insensitive,
+.scrollbar.slider:hover {
+  border-image: -gtk-scaled(url("assets/scrollbar-slider-hover.png"),url("assets/scrollbar-slider-hover@2.png")) 8 7 8 8 / 8px 7px 8px 8px;
+}
+
+.scrollbar.slider.horizontal:insensitive,
+.scrollbar.slider.horizontal:hover {
+  border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-hover.png"),url("assets/scrollbar-slider-horizontal-hover@2.png")) 8 8 7 8 / 8px 8px 7px 8px;
+}
+
+.scrollbar.slider:active {
+  border-image: -gtk-scaled(url("assets/scrollbar-slider-active.png"),url("assets/scrollbar-slider-active@2.png")) 8 7 8 8 / 8px 7px 8px 8px;
+}
+
+.scrollbar.slider.horizontal:active {
+  border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-active.png"),url("assets/scrollbar-slider-horizontal-active@2.png")) 8 8 7 8 / 8px 8px 7px 8px;
+}
+
+/*************
+ * GtkSwitch *
+ *************/
+GtkSwitch.trough,
+.list-row:selected GtkSwitch.trough {
+  background-image: -gtk-scaled(url("assets/switch.png"),url("assets/switch@2.png"));
+  background-repeat: no-repeat;
+  background-position: 0 center;
+  color: transparent;
+  border-color: transparent;
+  border-image: none;
+  border-style: none;
+  box-shadow: none;
+  text-shadow: none;
+}
+
+GtkSwitch.trough:active {
+  background-image: -gtk-scaled(url("assets/switch-active.png"),url("assets/switch-active@2.png"));
+}
+
+GtkSwitch.trough:insensitive {
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/switch-insensitive.png"),url("assets/switch-insensitive@2.png"));
+}
+
+GtkSwitch.trough:active:insensitive {
+  background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"),url("assets/switch-active-insensitive@2.png"));
+}
+
+GtkSwitch.slider {
+  background-image: -gtk-scaled(url("assets/switch-slider.png"),url("assets/switch-slider@2.png"));
+  background-repeat: no-repeat;
+  background-position: 0 center;
+}
+
+GtkSwitch.slider:insensitive {
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/switch-slider-insensitive.png"),url("assets/switch-slider-insensitive@2.png"));
+  background-repeat: no-repeat;
+  background-position: 0 center;
+}
+
+.list-row:selected GtkSwitch.trough {
+  background-image: -gtk-scaled(url("assets/switch-selected.png"),url("assets/switch-selected@2.png"));
+}
+
+.list-row:selected GtkSwitch.trough:active {
+  background-image: -gtk-scaled(url("assets/switch-active-selected.png"),url("assets/switch-active-selected@2.png"));
+}
+
+.list-row:selected GtkSwitch.trough:insensitive {
+  background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"),url("assets/switch-insensitive-selected@2.png"));
+}
+
+.list-row:selected GtkSwitch.trough:active:insensitive {
+  background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"),url("assets/switch-active-insensitive-selected@2.png"));
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.check {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
+
+.view.check:selected row,
+.menuitem.check:hover,
+.list-row:selected .check {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); }
+
+.check:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
+
+.view.check:insensitive:selected row,
+.menuitem.check:insensitive:hover,
+.list-row:selected .check:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); }
+
+.check:inconsistent {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
+
+.view.check:inconsistent:selected row,
+.menuitem.check:inconsistent:hover,
+.list-row:selected .check:inconsistent {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); }
+
+.check:inconsistent:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
+
+.view.check:inconsistent:insensitive:selected row,
+.menuitem.check:inconsistent:insensitive:hover,
+.list-row:selected .check:inconsistent:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); }
+
+.check:active, 
+.check:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
+
+.view.check:active:selected row,
+.menuitem.check:active:hover,
+.view.check:checked:selected row,
+.menuitem.check:checked:hover,
+.list-row:selected .check:active,
+.list-row:selected .check:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); }
+
+.check:active:insensitive,
+.check:checked:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
+
+.view.check:active:insensitive:selected row,
+.menuitem.check:active:insensitive:hover,
+.view.check:checked:insensitive:selected row,
+.menuitem.check:checked:insensitive:hover,
+.list-row:selected .check:active:insensitive,
+.list-row:selected .check:checked:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); }
+
+.radio {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
+
+.view.radio:selected row,
+.menuitem.radio:hover,
+.list-row:selected .radio {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); }
+
+.radio:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
+
+.view.radio:insensitive:selected row,
+.menuitem.radio:insensitive:hover,
+.list-row:selected .radio:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); }
+
+.radio:inconsistent {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
+
+.view.radio:inconsistent:selected row,
+.menuitem.radio:inconsistent:hover,
+.list-row:selected .radio:inconsistent {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); }
+
+.radio:inconsistent:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
+
+.view.radio:inconsistent:insensitive:selected row,
+.menuitem.radio:inconsistent:insensitive:hover,
+.list-row:selected .radio:inconsistent:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); }
+
+.radio:active, 
+.radio:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
+
+.view.radio:active:selected row,
+.menuitem.radio:active:hover,
+.view.radio:checked:selected row,
+.menuitem.radio:checked:hover,
+.list-row:selected .radio:active,
+.list-row:selected .radio:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); }
+
+.radio:active:insensitive,
+.radio:checked:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
+
+.view.radio:active:insensitive:selected row,
+.menuitem.radio:active:insensitive:hover,
+.view.radio:checked:insensitive:selected row,
+.menuitem.radio:checked:insensitive:hover,
+.list-row:selected .radio:active:insensitive,
+.list-row:selected .radio:checked:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
+
+/*Selectionmode*/
+GtkIconView.view.check,
+GtkFlowBox.view.check {
+  color: mix(@theme_fg_color, @theme_bg_color, 0.7);
+  background-image: none;
+  -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
+
+GtkIconView.view.check:hover,
+GtkFlowBox.view.check:hover {
+    color: mix(@theme_fg_color, @theme_bg_color, 0.4); }
+
+GtkIconView.view.check:active,
+GtkFlowBox.view.check:active,
+GtkIconView.view.check:checked,
+GtkFlowBox.view.check:checked {
+  color: @theme_selected_bg_color; }
+
+GtkCheckButton.text-button, GtkRadioButton.text-button {
+  padding: 1px 2px 4px;
+  outline-offset: 0; }
+  GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:checked, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:checked, GtkRadioButton.text-button:insensitive:inconsistent {
+  color: @insensitive_fg_color; }
+
+.menuitem.check,
+.menuitem.radio,
+.menuitem.check:hover,
+.menuitem.radio:hover,
+.menuitem.check:insensitive,
+.menuitem.radio:insensitive,
+.menuitem.check:active,
+.menuitem.radio:active,
+.menuitem.check:checked,
+.menuitem.radio:checked,
+.cell.check,
+.cell.radio,
+.cell.check:hover,
+.cell.radio:hover,
+.cell.check:insensitive,
+.cell.radio:insensitive,
+.cell.check:active,
+.cell.radio:active,
+.cell.check:checked,
+.cell.radio:checked {
+  background-color: transparent;
+  icon-shadow: none;
+}