/********** * Assets * **********/ /************* * GtkSwitch * *************/ GtkSwitch.slider { background-image: linear-gradient(to bottom, alpha (@switch_slider_gradient_a, 0.5), alpha (@switch_slider_gradient_b, 0.5) 50%, alpha (@switch_slider_gradient_c, 0.5) 50%, alpha (@switch_slider_gradient_d, 0.5)), url("img/slider-horz-grip.png"); background-repeat: no-repeat; background-position: center center; } GtkSwitch.slider:insensitive { background-image: linear-gradient(to bottom, alpha (@switch_slider_insensitive_gradient_a, 0.8), alpha (@switch_slider_insensitive_gradient_b, 0.8) 50%, alpha (@switch_slider_insensitive_gradient_c, 0.8) 50%, alpha (@switch_slider_insensitive_gradient_d, 0.8)), url("img/slider-horz-grip.png"); } /*************** * Resize grip * ***************/ .grip { background-image: url("img/resize-grip.png"); } /************* * Scrollbar * *************/ .scrollbar.slider { background-repeat: no-repeat; background-position: center center; } .scrollbar.slider.vertical { background-image: linear-gradient(to right, alpha (@scrollbar_slider_inner_border_color, 0.5), alpha (@scrollbar_slider_gradient_a, 0.5) 1px, alpha (@scrollbar_slider_gradient_b, 0.5) 50%, alpha (@scrollbar_slider_gradient_c, 0.5) 50%, alpha (@scrollbar_slider_gradient_d, 0.5) 95%, alpha (@scrollbar_slider_inner_border_color, 0.5)), url("img/slider-vert-grip.png"); } .scrollbar.slider.horizontal { background-image: linear-gradient(to bottom, alpha (@scrollbar_slider_inner_border_color, 0.5), alpha (@scrollbar_slider_gradient_a, 0.5) 1px, alpha (@scrollbar_slider_gradient_b, 0.5) 50%, alpha (@scrollbar_slider_gradient_c, 0.5) 50%, alpha (@scrollbar_slider_gradient_d, 0.5) 95%, alpha (@scrollbar_slider_inner_border_color, 0.5)), url("img/slider-horz-grip.png"); } .scrollbar.slider.vertical:hover { background-image: linear-gradient(to right, alpha (@scrollbar_slider_inner_border_color, 0.5), alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px, alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%, alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%, alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%, alpha (@scrollbar_slider_inner_border_color, 0.5)), url("img/slider-vert-grip.png"); } .scrollbar.slider.horizontal:hover { background-image: linear-gradient(to bottom, alpha (@scrollbar_slider_inner_border_color, 0.5), alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px, alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%, alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%, alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%, alpha (@scrollbar_slider_inner_border_color, 0.5)), url("img/slider-horz-grip.png"); } /************************* * Check and Radio items * *************************/ .check, .check row:selected, .check row:selected:focus { -gtk-icon-source: url("img/checkbox-unchecked.png"); } .check:hover, .check row:selected:hover, .check row:selected:focus:hover { -gtk-icon-source: url("img/checkbox-unchecked-hover.png"); } .check:insensitive, .check row:selected:insensitive, .check row:selected:focus:insensitive { -gtk-icon-source: url("img/checkbox-unchecked-insensitive.png"); } .check:checked, .check row:selected:checked, .check row:selected:focus:checked, .check:active, .check row:selected:active, .check row:selected:focus:active { -gtk-icon-source: url("img/checkbox-checked.png"); } .check:checked:hover, .check row:selected:checked:hover, .check row:selected:focus:checked:hover, .check:active:hover, .check row:selected:active:hover, .check row:selected:focus:active:hover { -gtk-icon-source: url("img/checkbox-checked-hover.png"); } .check:checked:insensitive, .check row:selected:checked:insensitive, .check row:selected:focus:checked:insensitive, .check:active:insensitive, .check row:selected:active:insensitive, .check row:selected:focus:active:insensitive { -gtk-icon-source: url("img/checkbox-checked-insensitive.png"); } .check:inconsistent, .check row:selected:inconsistent, .check row:selected:focus:inconsistent { -gtk-icon-source: url("img/checkbox-mixed.png"); } .check:inconsistent:hover, .check row:selected:inconsistent:hover, .check row:selected:focus:inconsistent:hover { -gtk-icon-source: url("img/checkbox-mixed-hover.png"); } .check:inconsistent:insensitive, .check row:selected:inconsistent:insensitive, .check row:selected:focus:inconsistent:insensitive { -gtk-icon-source: url("img/checkbox-mixed-insensitive.png"); } .radio, .radio row:selected, .radio row:selected:focus { -gtk-icon-source: url("img/radio-unchecked.png"); } .radio:hover, .radio row:selected:hover, .radio row:selected:focus:hover { -gtk-icon-source: url("img/radio-unchecked-hover.png"); } .radio:insensitive, .radio row:selected:insensitive, .radio row:selected:focus:insensitive { -gtk-icon-source: url("img/radio-unchecked-insensitive.png"); } .radio:checked, .radio row:selected:checked, .radio row:selected:focus:checked, .radio:active, .radio row:selected:active, .radio row:selected:focus:active { -gtk-icon-source: url("img/radio-checked.png"); } .radio:checked:hover, .radio row:selected:checked:hover, .radio row:selected:focus:checked:hover, .radio:active:hover, .radio row:selected:active:hover, .radio row:selected:focus:active:hover { -gtk-icon-source: url("img/radio-checked-hover.png"); } .radio:checked:insensitive, .radio row:selected:checked:insensitive, .radio row:selected:focus:checked:insensitive, .radio:active:insensitive, .radio row:selected:active:insensitive, .radio row:selected:focus:active:insensitive { -gtk-icon-source: url("img/radio-checked-insensitive.png"); } .radio:inconsistent, .radio row:selected:inconsistent, .radio row:selected:focus:inconsistent { -gtk-icon-source: url("img/radio-mixed.png"); } .radio:inconsistent:hover, .radio row:selected:inconsistent:hover, .radio row:selected:focus:inconsistent:hover { -gtk-icon-source: url("img/radio-mixed-hover.png"); } .radio:inconsistent:insensitive, .radio row:selected:inconsistent:insensitive, .radio row:selected:focus:inconsistent:insensitive { -gtk-icon-source: url("img/radio-mixed-insensitive.png"); } /********************* * GtkScale's slider * *********************/ GtkScale.slider, GtkScale.slider.horizontal { background-image: url("img/scale-slider-horz.png"); } GtkScale.slider:hover, GtkScale.slider.horizontal:hover { background-image: url("img/scale-slider-horz-hover.png"); } GtkScale.slider:insensitive, GtkScale.slider.horizontal:insensitive { background-image: url("img/scale-slider-horz-insensitive.png"); } GtkScale.slider.vertical { background-image: url("img/scale-slider-vert.png"); } GtkScale.slider.vertical:hover { background-image: url("img/scale-slider-vert-hover.png"); } GtkScale.slider.vertical:insensitive { background-image: url("img/scale-slider-vert-insensitive.png"); } GtkScale.scale-has-marks-above.slider.horizontal { background-image: url("img/scale-slider-horz.png"); } GtkScale.scale-has-marks-above.slider.horizontal:hover { background-image: url("img/scale-slider-horz-hover.png"); } GtkScale.scale-has-marks-above.slider.horizontal:insensitive { background-image: url("img/scale-slider-horz-insensitive.png"); } GtkScale.scale-has-marks-above.slider.vertical { background-image: url("img/scale-slider-vert.png"); } GtkScale.scale-has-marks-above.slider.vertical:hover { background-image: url("img/scale-slider-vert-hover.png"); } GtkScale.scale-has-marks-above.slider.vertical:insensitive { background-image: url("img/scale-slider-vert-insensitive.png"); } GtkScale.scale-has-marks-below.slider.horizontal { background-image: url("img/scale-slider-horz.png"); } GtkScale.scale-has-marks-below.slider.horizontal:hover { background-image: url("img/scale-slider-horz-hover.png"); } GtkScale.scale-has-marks-below.slider.horizontal:insensitive { background-image: url("img/scale-slider-horz-insensitive.png"); } GtkScale.scale-has-marks-below.slider.vertical { background-image: url("img/scale-slider-vert.png"); } GtkScale.scale-has-marks-below.slider.vertical:hover { background-image: url("img/scale-slider-vert-hover.png"); } GtkScale.scale-has-marks-below.slider.vertical:insensitive { background-image: url("img/scale-slider-vert-insensitive.png"); } /********* * Menus * *********/ .menu .menuitem.check { -gtk-icon-source: url("img/menuitem-checkbox.png"); } .menu .menuitem.check:hover { -gtk-icon-source: url("img/menuitem-checkbox-hover.png"); } .menu .menuitem.check:insensitive { -gtk-icon-source: url("img/menuitem-checkbox-insensitive.png"); } .menu .menuitem.check:checked, .menu .menuitem.check:active { -gtk-icon-source: url("img/menuitem-checkbox-checked.png"); } .menu .menuitem.check:checked:hover, .menu .menuitem.check:active:hover { -gtk-icon-source: url("img/menuitem-checkbox-checked-hover.png"); } .menu .menuitem.check:checked:insensitive, .menu .menuitem.check:active:insensitive { -gtk-icon-source: url("img/menuitem-checkbox-checked-insensitive.png"); } .menu .menuitem.check:inconsistent, .menu .menuitem.radio:inconsistent { -gtk-icon-source: url("img/menuitem-checkbox-mixed.png"); } .menu .menuitem.check:inconsistent:hover, .menu .menuitem.radio:inconsistent:hover { -gtk-icon-source: url("img/menuitem-checkbox-mixed-hover.png"); } .menu .menuitem.check:inconsistent:insensitive, .menu .menuitem.radio:inconsistent:insensitive { -gtk-icon-source: url("img/menuitem-checkbox-mixed-insensitive.png"); } .menu .menuitem.radio { -gtk-icon-source: url("img/menuitem-radio.png"); } .menu .menuitem.radio:hover { -gtk-icon-source: url("img/menuitem-radio-hover.png"); } .menu .menuitem.radio:insensitive { -gtk-icon-source: url("img/menuitem-radio-insensitive.png"); } .menu .menuitem.radio:checked, .menu .menuitem.radio:active { -gtk-icon-source: url("img/menuitem-radio-checked.png"); } .menu .menuitem.radio:checked:hover, .menu .menuitem.radio:active:hover { -gtk-icon-source: url("img/menuitem-radio-checked-hover.png"); } .menu .menuitem.radio:checked:insensitive, .menu .menuitem.radio:active:insensitive { -gtk-icon-source: url("img/menuitem-radio-checked-insensitive.png"); } /********* * Panes * *********/ .pane-separator { background-image: url("img/pane-separator-grip-horz.png"); } .pane-separator.vertical { background-image: url("img/pane-separator-grip-vert.png"); } /*********** * Borders * ***********/ /* generic element borders */ .entry, .combobox-entry .entry, .combobox-entry .button, .button:active, .trough, .trough.highlight, GtkSwitch.trough, /* generic button borders */ .button, .button.flat:active, .button.flat:hover, .menu-button:active, .titlebar .titlebutton:hover, .primary-toolbar .button:checked, .primary-toolbar .button.raised, .primary-toolbar .raised .button, .primary-toolbar GtkComboBox .button, /* primary toolbar - generic element borders */ .primary-toolbar .entry, .primary-toolbar .combobox-entry .entry, .primary-toolbar .combobox-entry .button, .primary-toolbar .button:active, .primary-toolbar .button.raised:active, .primary-toolbar .raised .button:active, .primary-toolbar .button.raised:insensitive, .primary-toolbar .raised .button:insensitive, .primary-toolbar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough:insensitive, .primary-toolbar GtkComboBox .button:active, .primary-toolbar GtkComboBox .button:insensitive, /* primary toolbar - hover button borders */ .primary-toolbar .button:hover { border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; border-style: solid; border-color: transparent; } .primary-toolbar .entry, .primary-toolbar .combobox-entry .entry { border-width: 1px 2px 2px; } .primary-toolbar .entry:focus, .primary-toolbar .combobox-entry .entry:focus { border-width: 1px 2px 2px; } /* Linked single button */ .linked .entry:only-child, .linked .button:only-child, .linked .button:active:only-child, .linked .button:active:hover:only-child, .linked .button:focus:only-child, .linked .button:focus:active:only-child, .linked .button:insensitive:only-child, /* Middle button (vertical) */ .linked.vertical .entry, .linked.vertical .button, .linked.vertical .button:active, .linked.vertical .button:active:hover, .linked.vertical .button:focus, .linked.vertical .button:focus:active, .linked.vertical .button:insensitive, /* Top button (vertical) */ .linked.vertical .entry:first-child, .linked.vertical .button:first-child, .linked.vertical .button:active:first-child, .linked.vertical .button:active:hover:first-child, .linked.vertical .button:focus:first-child, .linked.vertical .button:focus:active:first-child, .linked.vertical .button:insensitive:first-child, /* Bottom button (vertical) */ .linked.vertical .entry:last-child, .linked.vertical .button:last-child, .linked.vertical .button:active:last-child, .linked.vertical .button:active:hover:last-child, .linked.vertical .button:focus:last-child, .linked.vertical .button:focus:active:last-child, .linked.vertical .button:insensitive:last-child, /* Linked single button (vertical) */ .linked.vertical .entry:only-child, .linked.vertical .button:only-child, .linked.vertical .button:active:only-child, .linked.vertical .button:active:hover:only-child, .linked.vertical .button:focus:only-child, .linked.vertical .button:focus:active:only-child, .linked.vertical .button:insensitive:only-child, /* Linked buttons on primary toolbars */ /* Middle button */ .primary-toolbar .button.raised.linked, .primary-toolbar .button.raised.linked:active, .primary-toolbar .button.raised.linked:focus, .primary-toolbar .button.raised.linked:focus:active, .primary-toolbar .button.raised.linked:insensitive, .primary-toolbar .raised.linked .button, .primary-toolbar .raised.linked .button:active, .primary-toolbar .raised.linked .button:focus, .primary-toolbar .raised.linked .button:focus:active, .primary-toolbar .raised.linked .button:insensitive, .inline-toolbar.toolbar .button, .inline-toolbar.toolbar .button:active, .inline-toolbar.toolbar .button:focus, .inline-toolbar.toolbar .button:focus:active, .inline-toolbar.toolbar .button:insensitive, .inline-toolbar.toolbar GtkToolButton .button, .inline-toolbar.toolbar GtkToolButton .button:active, .inline-toolbar.toolbar GtkToolButton .button:focus, .inline-toolbar.toolbar GtkToolButton .button:focus:active, .inline-toolbar.toolbar GtkToolButton .button:insensitive, /* Leftmost button */ .primary-toolbar .button.raised.linked:first-child, .primary-toolbar .button.raised.linked:active:first-child, .primary-toolbar .button.raised.linked:focus:first-child, .primary-toolbar .button.raised.linked:focus:active:first-child, .primary-toolbar .button.raised.linked:insensitive:first-child, .primary-toolbar .raised.linked .button:first-child, .primary-toolbar .raised.linked .button:active:first-child, .primary-toolbar .raised.linked .button:focus:first-child, .primary-toolbar .raised.linked .button:focus:active:first-child, .primary-toolbar .raised.linked .button:insensitive:first-child, .inline-toolbar.toolbar .button:first-child, .inline-toolbar.toolbar .button:active:first-child, .inline-toolbar.toolbar .button:focus:first-child, .inline-toolbar.toolbar .button:focus:active:first-child, .inline-toolbar.toolbar .button:insensitive:first-child, .inline-toolbar.toolbar GtkToolButton:first-child .button, .inline-toolbar.toolbar GtkToolButton:first-child .button:active, .inline-toolbar.toolbar GtkToolButton:first-child .button:focus, .inline-toolbar.toolbar GtkToolButton:first-child .button:focus:active, .inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive, /* Rightmost button */ .primary-toolbar .button.raised.linked:last-child, .primary-toolbar .button.raised.linked:active:last-child, .primary-toolbar .button.raised.linked:focus:last-child, .primary-toolbar .button.raised.linked:focus:active:last-child, .primary-toolbar .button.raised.linked:insensitive:last-child, .primary-toolbar .raised.linked .button:last-child, .primary-toolbar .raised.linked .button:active:last-child, .primary-toolbar .raised.linked .button:focus:last-child, .primary-toolbar .raised.linked .button:focus:active:last-child, .primary-toolbar .raised.linked .button:insensitive:last-child, .inline-toolbar.toolbar .button:last-child, .inline-toolbar.toolbar .button:active:last-child, .inline-toolbar.toolbar .button:focus:last-child, .inline-toolbar.toolbar .button:focus:active:last-child, .inline-toolbar.toolbar .button:insensitive:last-child, .inline-toolbar.toolbar GtkToolButton:last-child .button, .inline-toolbar.toolbar GtkToolButton:last-child .button:active, .inline-toolbar.toolbar GtkToolButton:last-child .button:focus, .inline-toolbar.toolbar GtkToolButton:last-child .button:focus:active, .inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive, /* Single button */ .inline-toolbar.toolbar .button:only-child, .inline-toolbar.toolbar .button:active:only-child, .inline-toolbar.toolbar .button:focus:only-child, .inline-toolbar.toolbar .button:focus:active:only-child, .inline-toolbar.toolbar .button:insensitive:only-child, .inline-toolbar.toolbar GtkToolButton:only-child .button, .inline-toolbar.toolbar GtkToolButton:only-child .button:active, .inline-toolbar.toolbar GtkToolButton:only-child .button:focus, .inline-toolbar.toolbar GtkToolButton:only-child .button:focus:active, .inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive { border-image: url("img/border-inline-button.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; border-style: solid; border-color: transparent; } /* generic insensitive element borders */ GtkSwitch.trough:insensitive, .combobox-entry .entry:insensitive, .combobox-entry .button:insensitive, .entry:insensitive, .button:insensitive, .trough row { border-image: url("img/border-insensitive.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; border-style: solid; border-color: transparent; } .menuitem.button.flat, .button.flat, .button.flat:insensitive, GtkListBoxRow.button.list-row, GtkListBoxRow.button.list-row:hover { border-image: none; background-image: none; } /* focused element borders */ .entry:focus, .combobox-entry .entry:focus, .button.flat:focus:active, .button:focus:active, .button.default:active, /* focused button borders */ .button.flat:focus, .button.default, .primary-toolbar .entry:focus, .primary-toolbar .button:active:focus, .primary-toolbar .button:focus:hover, .primary-toolbar .combobox-entry .entry:focus, .primary-toolbar .combobox-entry .button:focus, .primary-toolbar .button.raised:focus:active, .primary-toolbar .raised .button:focus:active, .primary-toolbar .button.raised.default:active, .primary-toolbar .raised .button.default:active, .primary-toolbar GtkComboBox .button:active:focus, .primary-toolbar .button.raised:focus, .primary-toolbar .button.raised.default, .primary-toolbar .raised .button:focus, .primary-toolbar .raised .button.default, .primary-toolbar GtkComboBox .button:focus { border-image: url("img/border-focused.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; border-style: solid; border-color: transparent; } /* focused primary toolbar button borders */ .primary-toolbar .button:focus { border-image: url("img/border-focused-ptb.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; border-style: solid; border-color: transparent; } /* focused switch trough borders */ GtkSwitch.trough:active { border-image: url("img/border-focused-switch.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; border-radius: 3px; border-width: 1px 1px 2px 1px; border-style: solid; border-color: transparent; } /* column-headers borders */ column-header.button, column-header .button, column-header.button:focus, column-header .button:focus, column-header.button:active, column-header .button:active, column-header.button:active:hover, column-header .button:active:hover column-header.button:active:focus, column-header .button:active:focus { border-image: none; border-width: 1px; border-radius: 0; border-style: solid; border-color: @column_header_border_top_color @column_header_border_right_color @column_header_border_bottom_color @column_header_border_left_color; } column-header.button:last-child, column-header:last-child .button, column-header.button:last-child:focus, column-header:last-child .button:focus, column-header.button:last-child:active, column-header:last-child .button:active, column-header.button:last-child:active:hover, column-header:last-child .button:active:hover, column-header.button:last-child:active:focus, column-header:last-child .button:active:focus { border-right: none; } /* Leftmost button */ .linked .entry:first-child, .linked > GtkComboBox:first-child > .button:last-child, .linked > GtkComboBox:first-child > .button:active:last-child, .linked > GtkComboBox:first-child > .button:active:hover:last-child, .linked > GtkComboBox:first-child > .button:focus:last-child, .linked > GtkComboBox:first-child > .button:focus:active:last-child, .linked > GtkComboBox:first-child > .button:insensitive:last-child, .linked .button:first-child, .linked .button:active:first-child, .linked .button:active:hover:first-child, .linked .button:focus:first-child, .linked .button:focus:active:first-child, .linked .button:insensitive:first-child, /* Middle button */ .linked .entry, .linked > GtkComboBox > .button:last-child, .linked > GtkComboBox > .button:active:last-child, .linked > GtkComboBox > .button:active:hover:last-child, .linked > GtkComboBox > .button:focus:last-child, .linked > GtkComboBox > .button:focus:active:last-child, .linked > GtkComboBox > .button:insensitive:last-child, .linked .button, .linked .button:active, .linked .button:active:hover, .linked .button:focus, .linked .button:focus:active, .linked .button:insensitive, /* Rightmost button */ .linked .entry:last-child, .linked > GtkComboBox:last-child > .button, .linked > GtkComboBox:last-child > .button:last-child, .linked .button:last-child, .linked .button:active:last-child, .linked .button:active:hover:last-child, .linked .button:focus:last-child, .linked .button:focus:active:last-child, .linked .button:insensitive:last-child { border-image: none; border-radius: 3px; border-color: @border_color; border-width: 1px; padding: 1px 2px; }