Mercurial > code > home > repos > light9

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 source

/*******************
 * 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;
}