- gtk 3.20 compatibility
- added LibreOffice support - added Gnome Calendar support - ssd/csd improvements and tweaks - new windows shadows - re-merge with ubuntu themes (version 16.10+17.04.20170406-0ubuntu1)
This commit is contained in:
rafaellaguna
parent
b740724ce8
commit
1008b2e878
@ -1,3 +1,7 @@
|
||||
- gtk 3.20 compatibility
|
||||
- re-merge with ubuntu themes (version 14.04+16.10.20160720.laney1-0ubuntu1)
|
||||
- added LibreOffice support
|
||||
- added Gnome Calendar support
|
||||
- ssd/csd improvements and tweaks
|
||||
- new windows shadows
|
||||
- re-merge with ubuntu themes (version 16.10+17.04.20170406-0ubuntu1)
|
||||
|
||||
|
||||
@ -0,0 +1,17 @@
|
||||
/* Hide the white corners. Calendar sets a background colour for the whole window. */
|
||||
GcalWindow { background-color: transparent; }
|
||||
|
||||
/* Make the calendar focus ring appear around the selected day */
|
||||
.calendar-view {
|
||||
outline-style: dashed;
|
||||
outline-color: @selected_bg_color;
|
||||
outline-width: 2px;
|
||||
outline-radius: 8px;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
/* Give pop-down lists the same selected bg colour as other menus. Fixes lp# 1558659 */
|
||||
.calendar-list :hover {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
@ -21,3 +21,42 @@ TerminalScreenContainer .scrollbar.slider.dragging {
|
||||
TerminalScreenContainer .scrollbar {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
TerminalNotebook.notebook.header {
|
||||
background-color: @dark_bg_color;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
TerminalNotebook.notebook tab.top {
|
||||
background-color: shade(@bg_color, 0.75);
|
||||
border-width: 1px 1px 0px 1px;
|
||||
border-radius: 8px 8px 0px 0px;
|
||||
border-image: none;
|
||||
border-style: solid;
|
||||
border-color: @dark_bg_color;
|
||||
}
|
||||
|
||||
TerminalNotebook.notebook tab.top:active {
|
||||
background-color: shade(@bg_color,1.2);
|
||||
border-image: none;
|
||||
}
|
||||
|
||||
TerminalNotebook.notebook tab .button {
|
||||
background-color: transparent;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
/* Match the actions bar. This is a hack and should be fixed in 3.20 */
|
||||
TerminalNotebook GtkBox.vertical {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.background TerminalNotebook GtkBox.vertical .button {
|
||||
border-image:none;
|
||||
border-color: transparent;
|
||||
border-width: 1px;
|
||||
border-radius: 5px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
|
||||
@ -221,116 +221,39 @@ NautilusWindow .sidebar .view {
|
||||
background-color: @sidepane_color;
|
||||
}
|
||||
|
||||
/************************************************************
|
||||
* GTK3 CSD support *
|
||||
************************************************************/
|
||||
*:drop(active):focus,
|
||||
*:drop(active) {
|
||||
box-shadow: inset 0 0 0 1px #F08437; }
|
||||
|
||||
.titlebar {
|
||||
decoration {
|
||||
border-radius: 6px 6px 0 0;
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.5);
|
||||
margin: 2px; }
|
||||
decoration:backdrop {
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 transparent, 0 0 10px 0 rgba(0, 0, 0, 0.5);
|
||||
transition: 200ms ease-out; }
|
||||
.fullscreen decoration,
|
||||
.tiled decoration {
|
||||
border-radius: 0; }
|
||||
.popup decoration {
|
||||
box-shadow: none;
|
||||
border-radius: 0; }
|
||||
.ssd decoration {
|
||||
border-radius: 6px 6px 0 0;
|
||||
background-image: linear-gradient(to bottom,
|
||||
shade(@bg_color, 1.07),
|
||||
shade(@bg_color, 0.88)
|
||||
);
|
||||
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.tiled .titlebar {
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
|
||||
.ssd decoration.maximized {
|
||||
border-radius: 0; }
|
||||
.csd.popup decoration {
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
|
||||
tooltip.csd decoration {
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
|
||||
messagedialog.csd decoration {
|
||||
border-radius: 3px; }
|
||||
.solid-csd decoration {
|
||||
border-radius: 0;
|
||||
}
|
||||
margin: 1px;
|
||||
background-color: #e7e8eb;
|
||||
box-shadow: none; }
|
||||
|
||||
.maximized .titlebar {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.titlebar.default-decoration {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .title {
|
||||
font: bold;
|
||||
color: mix(@fg_color, @bg_color, 0.3);
|
||||
text-shadow: 0 1px shade(@bg_color, 1.1);
|
||||
}
|
||||
|
||||
.titlebar:backdrop {
|
||||
background-image: linear-gradient(to bottom,
|
||||
shade(@bg_color, 1.12),
|
||||
shade(@bg_color, 0.98)
|
||||
);
|
||||
}
|
||||
|
||||
.titlebar .title:backdrop {
|
||||
color: mix(@fg_color, @bg_color, 0.6);
|
||||
text-shadow: 0 1px shade(@bg_color, 1.05);
|
||||
}
|
||||
|
||||
.titlebar .button:backdrop {
|
||||
color: mix(@fg_color, @bg_color, 0.6);
|
||||
}
|
||||
|
||||
.titlebar .titlebutton {
|
||||
padding: 4px;
|
||||
border-style: none;
|
||||
background: none;
|
||||
color: mix(@fg_color, @bg_color, 0.3);
|
||||
icon-shadow: 0 1px shade(@bg_color, 1.1);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton:hover,
|
||||
.titlebar .titlebutton:hover:focus {
|
||||
background: none;
|
||||
color: @fg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton:active,
|
||||
.titlebar .titlebutton:checked,
|
||||
.titlebar .titlebutton:active:hover,
|
||||
.titlebar .titlebutton:checked:hover {
|
||||
background: none;
|
||||
color: @selected_bg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton:backdrop {
|
||||
background-image: none;
|
||||
color: mix(@fg_color, @bg_color, 0.6);
|
||||
icon-shadow: 0 1px shade(@bg_color, 1.05);
|
||||
}
|
||||
|
||||
.window-frame,
|
||||
.window-frame:backdrop {
|
||||
border-style: none;
|
||||
border-radius: 6px 6px 0 0;
|
||||
box-shadow: 0 6px 22px alpha(black, 0.47),
|
||||
0 0 0 1px alpha(black, 0.3);
|
||||
|
||||
/* this is used for the resize cursor area */
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.window-frame.tiled {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.window-frame.csd.popup {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
||||
}
|
||||
|
||||
.window-frame.csd.tooltip {
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.window-frame.solid-csd {
|
||||
border: solid 1px shade(@bg_color, 0.5);
|
||||
border-radius: 0;
|
||||
margin: 2px;
|
||||
background-color: @bg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@ -72,6 +72,7 @@
|
||||
@import url("apps/gnome-system-log.css");
|
||||
@import url("apps/glade.css");
|
||||
@import url("apps/software-center.css");
|
||||
@import url("apps/calendar.css");
|
||||
@import url("public-colors.css");
|
||||
|
||||
@import url("gtk-lubuntu.css");
|
||||
|
||||
@ -1,23 +1,29 @@
|
||||
.menu .check {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
menu check {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
.menu .radio {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
menu radio {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
.menu .check:checked {
|
||||
-gtk-icon-source: url("assets/check-menuitem-dark.png");
|
||||
menu check:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
|
||||
url("assets/check-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
.menu .check:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png");
|
||||
menu check:checked:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive-dark.png"),
|
||||
url("assets/check-menuitem-insensitive-dark@2.png"));
|
||||
}
|
||||
|
||||
.menu .radio:checked {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-dark.png");
|
||||
menu radio:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-dark.png"),
|
||||
url("assets/radio-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
.menu .radio:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png");
|
||||
menu radio:checked:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive-dark.png"),
|
||||
url("assets/radio-menuitem-insensitive-dark@2.png"));
|
||||
}
|
||||
|
||||
@ -12,551 +12,658 @@
|
||||
*************************/
|
||||
|
||||
/* draw regular check and radio items using our SVG assets */
|
||||
.check {
|
||||
-gtk-icon-source: url("assets/check-unselected.png");
|
||||
check {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected.png"),
|
||||
url("assets/check-unselected@2.png"));
|
||||
}
|
||||
|
||||
.check:hover {
|
||||
-gtk-icon-source: url("assets/check-unselected-hover.png");
|
||||
check:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-hover.png"),
|
||||
url("assets/check-unselected-hover@2.png"));
|
||||
}
|
||||
|
||||
.check row,
|
||||
.check row:selected,
|
||||
.check row:selected:focus {
|
||||
-gtk-icon-source: url("assets/check-unselected-alt.png");
|
||||
check row,
|
||||
check row:selected,
|
||||
check row:selected:focus {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-alt.png"),
|
||||
url("assets/check-unselected-alt@2.png"));
|
||||
}
|
||||
|
||||
.check row:hover,
|
||||
.check row:selected:hover,
|
||||
.check row:selected:focus:hover {
|
||||
-gtk-icon-source: url("assets/check-unselected-hover-alt.png");
|
||||
check row:hover,
|
||||
check row:selected:hover,
|
||||
check row:selected:focus:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-hover-alt.png"),
|
||||
url("assets/check-unselected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:insensitive {
|
||||
-gtk-icon-source: url("assets/check-unselected-disabled.png");
|
||||
check:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-disabled.png"),
|
||||
url("assets/check-unselected-disabled@2.png"));
|
||||
}
|
||||
|
||||
.check row:insensitive {
|
||||
check row:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.check row:insensitive,
|
||||
.check row:selected:insensitive,
|
||||
.check row:selected:focus:insensitive {
|
||||
check row:disabled,
|
||||
check row:selected:disabled,
|
||||
check row:selected:focus:disabled {
|
||||
background-color: transparent;
|
||||
-gtk-icon-source: url("assets/check-unselected-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-disabled-alt.png"),
|
||||
url("assets/check-unselected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected.png");
|
||||
check:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected.png"),
|
||||
url("assets/backdrop-check-unselected@2.png"));
|
||||
}
|
||||
|
||||
.check:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-hover.png");
|
||||
check:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-hover.png"),
|
||||
url("assets/backdrop-check-unselected-hover@2.png"));
|
||||
}
|
||||
|
||||
.check row:backdrop,
|
||||
.check row:selected:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-alt.png");
|
||||
check row:backdrop,
|
||||
check row:selected:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-alt.png"),
|
||||
url("assets/backdrop-check-unselected-alt@2.png"));
|
||||
}
|
||||
|
||||
.check row:hover:backdrop,
|
||||
.check row:selected:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-hover-alt.png");
|
||||
check row:hover:backdrop,
|
||||
check row:selected:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-hover-alt.png"),
|
||||
url("assets/backdrop-check-unselected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-disabled.png");
|
||||
check:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-disabled.png"),
|
||||
url("assets/backdrop-check-unselected-disabled@2.png"));
|
||||
}
|
||||
|
||||
.check row:selected:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-disabled-alt.png");
|
||||
check row:selected:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-disabled-alt.png"),
|
||||
url("assets/backdrop-check-unselected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:checked {
|
||||
-gtk-icon-source: url("assets/check-selected.png");
|
||||
check:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected.png"),
|
||||
url("assets/check-selected@2.png"));
|
||||
}
|
||||
|
||||
.check:checked:hover {
|
||||
-gtk-icon-source: url("assets/check-selected-hover.png");
|
||||
check:checked:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-hover.png"),
|
||||
url("assets/check-selected-hover@2.png"));
|
||||
}
|
||||
|
||||
.check row:checked,
|
||||
.check row:selected:checked,
|
||||
.check row:selected:focus:checked {
|
||||
-gtk-icon-source: url("assets/check-selected-alt.png");
|
||||
check row:checked,
|
||||
check row:selected:checked,
|
||||
check row:selected:focus:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-alt.png"),
|
||||
url("assets/check-selected-alt@2.png"));
|
||||
}
|
||||
|
||||
.check row:checked:hover,
|
||||
.check row:selected:checked:hover,
|
||||
.check row:selected:checked:focus:hover {
|
||||
-gtk-icon-source: url("assets/check-selected-hover-alt.png");
|
||||
check row:checked:hover,
|
||||
check row:selected:checked:hover,
|
||||
check row:selected:checked:focus:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-hover-alt.png"),
|
||||
url("assets/check-selected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/check-selected-disabled.png");
|
||||
check:checked:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-disabled.png"),
|
||||
url("assets/check-selected-disabled@2.png"));
|
||||
}
|
||||
|
||||
.check row:checked:insensitive,
|
||||
.check row:selected:checked:insensitive,
|
||||
.check row:selected:focus:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/check-selected-disabled-alt.png");
|
||||
check row:checked:disabled,
|
||||
check row:selected:checked:disabled,
|
||||
check row:selected:focus:checked:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-disabled-alt.png"),
|
||||
url("assets/check-selected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected.png");
|
||||
check:checked:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected.png"),
|
||||
url("assets/backdrop-check-selected@2.png"));
|
||||
}
|
||||
|
||||
.check:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-hover.png");
|
||||
check:checked:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-hover.png"),
|
||||
url("assets/backdrop-check-selected-hover@2.png"));
|
||||
}
|
||||
|
||||
.check row:checked:backdrop,
|
||||
.check row:selected:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-alt.png");
|
||||
check row:checked:backdrop,
|
||||
check row:selected:checked:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-alt.png"),
|
||||
url("assets/backdrop-check-selected-alt@2.png"));
|
||||
}
|
||||
|
||||
.check row:checked:hover:backdrop,
|
||||
.check row:selected:checked:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-hover-alt.png");
|
||||
check row:checked:hover:backdrop,
|
||||
check row:selected:checked:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-hover-alt.png"),
|
||||
url("assets/backdrop-check-selected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:checked:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-disabled.png");
|
||||
check:checked:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-disabled.png"),
|
||||
url("assets/backdrop-check-selected-disabled@2.png"));
|
||||
}
|
||||
|
||||
.check row:selected:checked:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-disabled-alt.png");
|
||||
check row:selected:checked:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-disabled-alt.png"),
|
||||
url("assets/backdrop-check-selected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:inconsistent {
|
||||
-gtk-icon-source: url("assets/check-mixed.png");
|
||||
check:indeterminate {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed.png"),
|
||||
url("assets/check-mixed@2.png"));
|
||||
}
|
||||
|
||||
.check:inconsistent:hover {
|
||||
-gtk-icon-source: url("assets/check-mixed-hover.png");
|
||||
check:indeterminate:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-hover.png"),
|
||||
url("assets/check-mixed-hover@2.png"));
|
||||
}
|
||||
|
||||
.check row:inconsistent,
|
||||
.check row:selected:inconsistent,
|
||||
.check row:selected:focus:inconsistent {
|
||||
-gtk-icon-source: url("assets/check-mixed-alt.png");
|
||||
check row:indeterminate,
|
||||
check row:selected:indeterminate,
|
||||
check row:selected:focus:indeterminate {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-alt.png"),
|
||||
url("assets/check-mixed-alt@2.png"));
|
||||
}
|
||||
|
||||
.check row:inconsistent:hover,
|
||||
.check row:selected:inconsistent:hover,
|
||||
.check row:selected:focus:inconsistent:hover {
|
||||
-gtk-icon-source: url("assets/check-mixed-hover-alt.png");
|
||||
check row:indeterminate:hover,
|
||||
check row:selected:indeterminate:hover,
|
||||
check row:selected:focus:indeterminate:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-hover-alt.png"),
|
||||
url("assets/check-mixed-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:inconsistent:insensitive {
|
||||
-gtk-icon-source: url("assets/check-mixed-disabled.png");
|
||||
check:indeterminate:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-disabled.png"),
|
||||
url("assets/check-mixed-disabled@2.png"));
|
||||
}
|
||||
|
||||
.check row:inconsistent:insensitive,
|
||||
.check row:selected:inconsistent:insensitive,
|
||||
.check row:selected:focus:inconsistent:insensitive {
|
||||
-gtk-icon-source: url("assets/check-mixed-disabled-alt.png");
|
||||
check row:indeterminate:disabled,
|
||||
check row:selected:indeterminate:disabled,
|
||||
check row:selected:focus:indeterminate:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-disabled-alt.png"),
|
||||
url("assets/check-mixed-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:inconsistent:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed.png");
|
||||
check:indeterminate:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed.png"),
|
||||
url("assets/backdrop-check-mixed@2.png"));
|
||||
}
|
||||
|
||||
.check:inconsistent:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-hover.png");
|
||||
check:indeterminate:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-hover.png"),
|
||||
url("assets/backdrop-check-mixed-hover@2.png"));
|
||||
}
|
||||
|
||||
.check row:inconsistent:backdrop,
|
||||
.check row:selected:inconsistent:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-alt.png");
|
||||
check row:indeterminate:backdrop,
|
||||
check row:selected:indeterminate:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-alt.png"),
|
||||
url("assets/backdrop-check-mixed-alt@2.png"));
|
||||
}
|
||||
|
||||
.check row:inconsistent:hover:backdrop,
|
||||
.check row:selected:inconsistent:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-hover-alt.png");
|
||||
check row:indeterminate:hover:backdrop,
|
||||
check row:selected:indeterminate:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-hover-alt.png"),
|
||||
url("assets/backdrop-check-mixed-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.check:inconsistent:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-disabled.png");
|
||||
check:indeterminate:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-disabled.png"),
|
||||
url("assets/backdrop-check-mixed-disabled@2.png"));
|
||||
}
|
||||
|
||||
.check row:selected:inconsistent:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-disabled-alt.png");
|
||||
check row:selected:indeterminate:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-disabled-alt.png"),
|
||||
url("assets/backdrop-check-mixed-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio {
|
||||
-gtk-icon-source: url("assets/radio-unselected.png");
|
||||
radio {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected.png"),
|
||||
url("assets/radio-unselected@2.png"));
|
||||
}
|
||||
|
||||
.radio:hover {
|
||||
-gtk-icon-source: url("assets/radio-unselected-hover.png");
|
||||
radio:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-hover.png"),
|
||||
url("assets/radio-unselected-hover@2.png"));
|
||||
}
|
||||
|
||||
.radio row,
|
||||
.radio row:selected,
|
||||
.radio row:selected:focus {
|
||||
-gtk-icon-source: url("assets/radio-unselected-alt.png");
|
||||
radio row,
|
||||
radio row:selected,
|
||||
radio row:selected:focus {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-alt.png"),
|
||||
url("assets/radio-unselected-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio row:hover,
|
||||
.radio row:selected:hover,
|
||||
.radio row:selected:focus:hover {
|
||||
-gtk-icon-source: url("assets/radio-unselected-hover-alt.png");
|
||||
radio row:hover,
|
||||
radio row:selected:hover,
|
||||
radio row:selected:focus:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-hover-alt.png"),
|
||||
url("assets/radio-unselected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-unselected-disabled.png");
|
||||
radio:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-disabled.png"),
|
||||
url("assets/radio-unselected-disabled@2.png"));
|
||||
}
|
||||
|
||||
.radio row:insensitive {
|
||||
radio row:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.radio row:insensitive,
|
||||
.radio row:selected:insensitive,
|
||||
.radio row:selected:focus:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-unselected-disabled-alt.png");
|
||||
radio row:disabled,
|
||||
radio row:selected:disabled,
|
||||
radio row:selected:focus:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-disabled-alt.png"),
|
||||
url("assets/radio-unselected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected.png");
|
||||
radio:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected.png"),
|
||||
url("assets/backdrop-radio-unselected@2.png"));
|
||||
}
|
||||
|
||||
.radio:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-hover.png");
|
||||
radio:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-hover.png"),
|
||||
url("assets/backdrop-radio-unselected-hover@2.png"));
|
||||
}
|
||||
|
||||
.radio row:backdrop,
|
||||
.radio row:selected:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-alt.png");
|
||||
radio row:backdrop,
|
||||
radio row:selected:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-alt.png"),
|
||||
url("assets/backdrop-radio-unselected-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio row:hover:backdrop,
|
||||
.radio row:selected:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-hover-alt.png");
|
||||
radio row:hover:backdrop,
|
||||
radio row:selected:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-hover-alt.png"),
|
||||
url("assets/backdrop-radio-unselected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-disabled.png");
|
||||
radio:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-disabled.png"),
|
||||
url("assets/backdrop-radio-unselected-disabled@2.png"));
|
||||
}
|
||||
|
||||
.radio row:selected:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-disabled-alt.png");
|
||||
radio row:selected:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-disabled-alt.png"),
|
||||
url("assets/backdrop-radio-unselected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:checked {
|
||||
-gtk-icon-source: url("assets/radio-selected.png");
|
||||
radio:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected.png"),
|
||||
url("assets/radio-selected@2.png"));
|
||||
}
|
||||
|
||||
.radio:checked:hover {
|
||||
-gtk-icon-source: url("assets/radio-selected-hover.png");
|
||||
radio:checked:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-hover.png"),
|
||||
url("assets/radio-selected-hover@2.png"));
|
||||
}
|
||||
|
||||
.radio row:checked,
|
||||
.radio row:selected:checked,
|
||||
.radio row:selected:focus:checked {
|
||||
-gtk-icon-source: url("assets/radio-selected-alt.png");
|
||||
radio row:checked,
|
||||
radio row:selected:checked,
|
||||
radio row:selected:focus:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-alt.png"),
|
||||
url("assets/radio-selected-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio row:checked:hover,
|
||||
.radio row:selected:checked:hover,
|
||||
.radio row:selected:focus:checked:hover {
|
||||
-gtk-icon-source: url("assets/radio-selected-hover-alt.png");
|
||||
radio row:checked:hover,
|
||||
radio row:selected:checked:hover,
|
||||
radio row:selected:focus:checked:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-hover-alt.png"),
|
||||
url("assets/radio-selected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-selected-disabled.png");
|
||||
radio:checked:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-disabled.png"),
|
||||
url("assets/radio-selected-disabled@2.png"));
|
||||
}
|
||||
|
||||
.radio row:insensitive,
|
||||
.radio row:selected:checked:insensitive,
|
||||
.radio row:selected:focus:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-selected-disabled-alt.png");
|
||||
radio row:disabled,
|
||||
radio row:selected:checked:disabled,
|
||||
radio row:selected:focus:checked:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-disabled-alt.png"),
|
||||
url("assets/radio-selected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected.png");
|
||||
radio:checked:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected.png"),
|
||||
url("assets/backdrop-radio-selected@2.png"));
|
||||
}
|
||||
|
||||
.radio:checked:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-hover.png");
|
||||
radio:checked:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-hover.png"),
|
||||
url("assets/backdrop-radio-selected-hover@2.png"));
|
||||
}
|
||||
|
||||
.radio row:checked:backdrop,
|
||||
.radio row:selected:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-alt.png");
|
||||
radio row:checked:backdrop,
|
||||
radio row:selected:checked:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-alt.png"),
|
||||
url("assets/backdrop-radio-selected-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio row:checked:hover:backdrop,
|
||||
.radio row:selected:checked:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-hover-alt.png");
|
||||
radio row:checked:hover:backdrop,
|
||||
radio row:selected:checked:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-hover-alt.png"),
|
||||
url("assets/backdrop-radio-selected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:checked:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-disabled.png");
|
||||
radio:checked:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-disabled.png"),
|
||||
url("assets/backdrop-radio-selected-disabled@2.png"));
|
||||
}
|
||||
|
||||
.radio row:selected:checked:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-disabled-alt.png");
|
||||
radio row:selected:checked:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-disabled-alt.png"),
|
||||
url("assets/backdrop-radio-selected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:inconsistent {
|
||||
-gtk-icon-source: url("assets/radio-mixed.png");
|
||||
radio:indeterminate {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"),
|
||||
url("assets/radio-mixed@2.png"));
|
||||
}
|
||||
|
||||
.radio:inconsistent:hover {
|
||||
-gtk-icon-source: url("assets/radio-mixed-hover.png");
|
||||
radio:indeterminate:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"),
|
||||
url("assets/radio-mixed-hover@2.png"));
|
||||
}
|
||||
|
||||
.radio row:inconsistent,
|
||||
.radio row:selected:inconsistent,
|
||||
.radio row:selected:focus:inconsistent {
|
||||
-gtk-icon-source: url("assets/radio-mixed-alt.png");
|
||||
radio row:indeterminate,
|
||||
radio row:selected:indeterminate,
|
||||
radio row:selected:focus:indeterminate {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-alt.png"),
|
||||
url("assets/radio-mixed-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio row:inconsistent:hover,
|
||||
.radio row:selected:inconsistent:hover,
|
||||
.radio row:selected:focus:inconsistent:hover {
|
||||
-gtk-icon-source: url("assets/radio-mixed-hover-alt.png");
|
||||
radio row:indeterminate:hover,
|
||||
radio row:selected:indeterminate:hover,
|
||||
radio row:selected:focus:indeterminate:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-alt.png"),
|
||||
url("assets/radio-mixed-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:inconsistent:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-mixed-disabled.png");
|
||||
radio:indeterminate:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled.png"),
|
||||
url("assets/radio-mixed-disabled@2.png"));
|
||||
}
|
||||
|
||||
.radio row:inconsistent:insensitive,
|
||||
.radio row:selected:inconsistent:insensitive,
|
||||
.radio row:selected:focus:inconsistent:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-mixed-disabled-alt.png");
|
||||
radio row:indeterminate:disabled,
|
||||
radio row:selected:indeterminate:disabled,
|
||||
radio row:selected:focus:indeterminate:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled-alt.png"),
|
||||
url("assets/radio-mixed-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:inconsistent:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed.png");
|
||||
radio:indeterminate:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed.png"),
|
||||
url("assets/backdrop-radio-mixed@2.png"));
|
||||
}
|
||||
|
||||
.radio:inconsistent:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-hover.png");
|
||||
radio:indeterminate:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-hover.png"),
|
||||
url("assets/backdrop-radio-mixed-hover@2.png"));
|
||||
}
|
||||
|
||||
.radio row:inconsistent:backdrop,
|
||||
.radio row:selected:inconsistent:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-alt.png");
|
||||
radio row:indeterminate:backdrop,
|
||||
radio row:selected:indeterminate:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-alt.png"),
|
||||
url("assets/backdrop-radio-mixed-alt.png"));
|
||||
}
|
||||
|
||||
.radio row:inconsistent:hover:backdrop,
|
||||
.radio row:selected:inconsistent:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-hover-alt.png");
|
||||
radio row:indeterminate:hover:backdrop,
|
||||
radio row:selected:indeterminate:hover:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-hover-alt.png"),
|
||||
url("assets/backdrop-radio-mixed-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
.radio:inconsistent:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-disabled.png");
|
||||
radio:indeterminate:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-disabled.png"),
|
||||
url("assets/backdrop-radio-mixed-disabled@2.png"));
|
||||
}
|
||||
|
||||
.radio row:selected:inconsistent:insensitive:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-disabled-alt.png");
|
||||
radio row:selected:indeterminate:disabled:backdrop {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-disabled-alt.png"),
|
||||
url("assets/backdrop-radio-mixed-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar .menu .check,
|
||||
.menubar.toolbar .menu .check,
|
||||
.header-bar .menu .check,
|
||||
.menu .check {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
.primary-toolbar menu check,
|
||||
menubar toolbar menu check,
|
||||
headerbar menu check,
|
||||
menu check,
|
||||
menu check:hover,
|
||||
menu check:disabled:not(:checked),
|
||||
menu check:indeterminate:not(:checked) {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar .menu .radio,
|
||||
.menubar.toolbar .menu .radio,
|
||||
.header-bar .menu .radio,
|
||||
.menu .radio {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
.primary-toolbar menu radio,
|
||||
menubar toolbar menu radio,
|
||||
headerbar menu radio,
|
||||
menu radio,
|
||||
menu radio:hover,
|
||||
menu radio:disabled:not(:checked),
|
||||
menu radio:indeterminate:not(:checked) {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar .menu .check:checked,
|
||||
.menubar.toolbar .menu .check:checked,
|
||||
.header-bar .menu .check:checked,
|
||||
.menu .check:checked {
|
||||
-gtk-icon-source: url("assets/check-menuitem-dark.png");
|
||||
.primary-toolbar menu check:checked,
|
||||
menubar toolbar menu check:checked,
|
||||
headerbar menu check:checked,
|
||||
menu check:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
|
||||
url("assets/check-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
.toolbar .menu .check:checked:hover,
|
||||
.menu .check:checked:hover {
|
||||
-gtk-icon-source: url("assets/check-menuitem.png");
|
||||
toolbar menu check:checked:hover,
|
||||
menu check:checked:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem.png"),
|
||||
url("assets/check-menuitem@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar .menu .check:checked:insensitive,
|
||||
.menubar.toolbar .menu .check:checked:insensitive,
|
||||
.header-bar .menu .check:checked:insensitive,
|
||||
.toolbar .menu .check:checked:hover:insensitive,
|
||||
.menu .check:checked:insensitive,
|
||||
.menu .check:checked:hover:insensitive {
|
||||
-gtk-icon-source: url("assets/check-menuitem-insensitive.png");
|
||||
.primary-toolbar menu check:checked:disabled,
|
||||
menubar toolbar menu check:checked:disabled,
|
||||
headerbar menu check:checked:disabled,
|
||||
toolbar menu check:checked:hover:disabled,
|
||||
menu check:checked:disabled,
|
||||
menu check:checked:hover:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive.png"),
|
||||
url("assets/check-menuitem-insensitive@2.png"));
|
||||
}
|
||||
|
||||
.toolbar .menu .radio:checked:hover,
|
||||
.menu .radio:checked {
|
||||
-gtk-icon-source: url("assets/radio-menuitem.png");
|
||||
.primary-toolbar menu radio:checked,
|
||||
menubar toolbar menu radio:checked,
|
||||
headerbar menu radio:checked,
|
||||
toolbar menu radio:checked:hover,
|
||||
menu radio:checked,
|
||||
menu radio:checked:hover {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem.png"),
|
||||
url("assets/radio-menuitem@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar .menu .radio:checked:insensitive,
|
||||
.menubar.toolbar .menu .radio:checked:insensitive,
|
||||
.header-bar .menu .radio:checked:insensitive,
|
||||
.toolbar .menu .radio:checked:hover:insensitive,
|
||||
.menu .radio:checked:insensitive,
|
||||
.menu .radio:checked:hover:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-insensitive.png");
|
||||
.primary-toolbar menu radio:checked:disabled,
|
||||
menubar toolbar menu radio:checked:disabled,
|
||||
headerbar menu radio:checked:disabled,
|
||||
toolbar menu radio:checked:hover:disabled,
|
||||
menu radio:checked:disabled,
|
||||
menu radio:checked:hover:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive.png"),
|
||||
url("assets/radio-menuitem-insensitive@2.png"));
|
||||
}
|
||||
|
||||
.toolbar .menu .check {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
toolbar menu check {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
.toolbar .menu .radio {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
toolbar menu radio {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
.toolbar .menu .check:checked {
|
||||
-gtk-icon-source: url("assets/check-menuitem-dark.png");
|
||||
toolbar menu check:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
|
||||
url("assets/check-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
.toolbar .menu .check:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png");
|
||||
toolbar menu check:checked:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive-dark.png"),
|
||||
url("assets/check-menuitem-insensitive-dark@2.png"));
|
||||
}
|
||||
|
||||
.toolbar .menu .radio:checked {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-dark.png");
|
||||
toolbar menu radio:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-dark.png"),
|
||||
url("assets/radio-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
.toolbar .menu .radio:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png");
|
||||
toolbar menu radio:checked:disabled {
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive-dark.png"),
|
||||
url("assets/radio-menuitem-insensitive-dark@2.png"));
|
||||
}
|
||||
|
||||
/*********************
|
||||
* GtkScale's slider *
|
||||
*********************/
|
||||
.scale.slider,
|
||||
.scale.slider.horizontal {
|
||||
background-image: url("assets/slider-horizontal.png");
|
||||
scale slider,
|
||||
scale.horizontal contents:only-child trough slider {
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal.png"),
|
||||
url("assets/slider-horizontal@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.scale.slider:backdrop,
|
||||
.scale.slider.horizontal:backdrop {
|
||||
/*background-image: url("assets/slider-horizontal-disabled.png");*/
|
||||
scale:backdrop slider,
|
||||
scale.horizontal:backdrop slider {
|
||||
/*background-image: url("assets/slider-horizontal-disabled.png");*/
|
||||
}
|
||||
|
||||
.scale.slider:hover,
|
||||
.scale.slider.horizontal:hover {
|
||||
background-image: url("assets/slider-horizontal-hover.png");
|
||||
scale slider:hover,
|
||||
scale.horizontal slider:hover {
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal-hover.png"),
|
||||
url("assets/slider-horizontal-hover@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.scale.slider:focused,
|
||||
.scale.slider.horizontal:focused {
|
||||
background-image: url("assets/slider-horizontal-focused.png");
|
||||
scale slider:focus,
|
||||
scale.horizontal slider:focus {
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal-focused.png"),
|
||||
url("assets/slider-horizontal-focused@2.png"));
|
||||
}
|
||||
|
||||
.scale.slider:hover:focused,
|
||||
.scale.slider.horizontal:hover:focused {
|
||||
background-image: url("assets/slider-horizontal-focused-hover.png");
|
||||
scale slider:hover:focus,
|
||||
scale.horizontal slider:hover:focus {
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal-focused-hover.png"),
|
||||
url("assets/slider-horizontal-focused-hover@2.png"));
|
||||
}
|
||||
|
||||
.scale.slider:insensitive,
|
||||
.scale.slider.horizontal:insensitive {
|
||||
background-image: url("assets/slider-horizontal-disabled.png");
|
||||
scale:disabled slider,
|
||||
scale.horizontal:disabled slider {
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal-disabled.png"),
|
||||
url("assets/slider-horizontal-disabled@2.png"));
|
||||
}
|
||||
|
||||
.scale.slider:insensitive:backdrop,
|
||||
.scale.slider.horizontal:insensitive:backdrop {
|
||||
scale slider:disabled:backdrop,
|
||||
scale.horizontal slider:disabled:backdrop {
|
||||
/*background-image: url("assets/slider-horizontal-backdrop-disabled.png");*/
|
||||
}
|
||||
|
||||
.scale.slider.vertical {
|
||||
background-image: url("assets/slider-vertical.png");
|
||||
scale.vertical slider {
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical.png"),
|
||||
url("assets/slider-vertical@2.png"));
|
||||
}
|
||||
|
||||
.scale.slider.vertical:backdrop {
|
||||
scale:backdrop.vertical slider {
|
||||
/*background-image: url("assets/slider-vertical-backdrop.png");*/
|
||||
}
|
||||
|
||||
.scale.slider.vertical:hover {
|
||||
background-image: url("assets/slider-vertical-hover.png");
|
||||
scale.vertical slider:hover {
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical-hover.png"),
|
||||
url("assets/slider-vertical-hover@2.png"));
|
||||
}
|
||||
|
||||
.scale.slider.vertical:focused {
|
||||
background-image: url("assets/slider-vertical-focused.png");
|
||||
scale.vertical slider:focus {
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical-focused.png"),
|
||||
url("assets/slider-vertical-focused@2.png"));
|
||||
}
|
||||
|
||||
.scale.slider.vertical:hover:focused {
|
||||
background-image: url("assets/slider-vertical-focused-hover.png");
|
||||
scale.vertical slider:hover:focus {
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical-focused-hover.png"),
|
||||
url("assets/slider-vertical-focused-hover@2.png"));
|
||||
}
|
||||
|
||||
.scale.slider.vertical:insensitive {
|
||||
background-image: url("assets/slider-vertical-disabled.png");
|
||||
scale:disabled.vertical slider {
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical-disabled.png"),
|
||||
url("assets/slider-vertical-disabled@2.png"));
|
||||
}
|
||||
|
||||
.scale.slider.vertical:insensitive:backdrop {
|
||||
scale:disabled:backdrop.vertical slider {
|
||||
/*background-image: url("assets/slider-vertical-backdrop-disabled.png");*/
|
||||
}
|
||||
|
||||
/*.scale.scale-has-marks-above.slider.horizontal {
|
||||
/*scale scale-has-marks-above.slider.horizontal {
|
||||
background-image: url("assets/slider-up.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-above.slider.horizontal:insensitive {
|
||||
scale scale-has-marks-above.slider.horizontal:disabled {
|
||||
background-image: url("assets/slider-up-disabled.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-above.slider.horizontal:backdrop {
|
||||
scale scale-has-marks-above.slider.horizontal:backdrop {
|
||||
background-image: url("assets/slider-up-backdrop.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive {
|
||||
scale scale-has-marks-above.slider.horizontal:backdrop:disabled {
|
||||
background-image: url("assets/slider-up-backdrop-disabled.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-above.slider.vertical {
|
||||
scale scale-has-marks-above.slider.vertical {
|
||||
background-image: url("assets/slider-left.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-above.slider.vertical:insensitive {
|
||||
scale scale-has-marks-above.slider.vertical:disabled {
|
||||
background-image: url("assets/slider-left-disabled.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-above.slider.vertical:backdrop {
|
||||
scale scale-has-marks-above.slider.vertical:backdrop {
|
||||
background-image: url("assets/slider-left-backdrop.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive {
|
||||
scale scale-has-marks-above.slider.vertical:backdrop:disabled {
|
||||
background-image: url("assets/slider-left-backdrop-disabled.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-below.slider.horizontal {
|
||||
scale scale-has-marks-below.slider.horizontal {
|
||||
background-image: url("assets/slider-down.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-below.slider.horizontal:insensitive {
|
||||
scale scale-has-marks-below.slider.horizontal:disabled {
|
||||
background-image: url("assets/slider-down-disabled.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-below.slider.horizontal:backdrop {
|
||||
scale scale-has-marks-below.slider.horizontal:backdrop {
|
||||
background-image: url("assets/slider-down-backdrop.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive {
|
||||
scale scale-has-marks-below.slider.horizontal:backdrop:disabled {
|
||||
background-image: url("assets/slider-down-backdrop-disabled.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-below.slider.vertical {
|
||||
scale scale-has-marks-below.slider.vertical {
|
||||
background-image: url("assets/slider-right.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-below.slider.vertical:insensitive {
|
||||
scale scale-has-marks-below.slider.vertical:disabled {
|
||||
background-image: url("assets/slider-right-disabled.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-below.slider.vertical:backdrop {
|
||||
scale scale-has-marks-below.slider.vertical:backdrop {
|
||||
background-image: url("assets/slider-right-backdrop.png");
|
||||
}
|
||||
|
||||
.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive {
|
||||
scale scale-has-marks-below.slider.vertical:backdrop:disabled {
|
||||
background-image: url("assets/slider-right-backdrop-disabled.png");
|
||||
}*/
|
||||
|
||||
|
||||
@ -1,38 +1,37 @@
|
||||
|
||||
.primary-toolbar .entry,
|
||||
.menubar.toolbar .entry,
|
||||
.header-bar .entry {
|
||||
border-image: url("assets/radiance-entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
menubar toolbar entry,
|
||||
headerbar entry {
|
||||
border-image: -gtk-scaled(url("assets/radiance-entry-toolbar.png"),url("assets/radiance-entry-toolbar@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar .entry:focus,
|
||||
.menubar.toolbar .entry:focus,
|
||||
.header-bar .entry:focus {
|
||||
border-image: url("assets/radiance-entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
primary-toolbar entry:focus,
|
||||
menubar toolbar entry:focus,
|
||||
headerbar entry:focus {
|
||||
border-image: -gtk-scaled(url("assets/radiance-entry-toolbar-focused.png"),url("assets/radiance-entry-toolbar-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button,
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button:focus:insensitive,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button:focus:insensitive,
|
||||
.header-bar GtkComboBox.combobox-entry .button,
|
||||
.header-bar GtkComboBox.combobox-entry .button:focus:insensitive {
|
||||
.primary-toolbar combobox entry button,
|
||||
.primary-toolbar combobox entry button:focus:disabled,
|
||||
menubar toolbar combobox entry button,
|
||||
menubar toolbar combobox entry button:focus:disabled,
|
||||
headerbar combobox entry button,
|
||||
headerbar combobox entry button:focus:disabled {
|
||||
border-image: url("assets/radiance-combobox-button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button:focus,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button:focus,
|
||||
.header-bar GtkComboBox.combobox-entry .button:focus {
|
||||
.primary-toolbar combobox entry button:focus,
|
||||
menubar toolbar combobox entry button:focus,
|
||||
headerbar combobox entry button:focus {
|
||||
border-image: url("assets/radiance-combobox-button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
|
||||
.header-bar GtkComboBox.combobox-entry .button:focus:active:focus {
|
||||
.primary-toolbar combobox entry button:focus:active:focus,
|
||||
menubar toolbar combobox entry button:focus:active:focus,
|
||||
headerbar combobox entry button:focus:active:focus {
|
||||
border-image: url("assets/radiance-combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
.menubar.menuitem:hover,
|
||||
.menubar .menuitem:hover {
|
||||
menubar menuitem:hover,
|
||||
.menubar.menuitem:hover {
|
||||
border-color: #b8ab9c;
|
||||
}
|
||||
|
||||
@ -1,6 +1,12 @@
|
||||
/* Borders */
|
||||
.menubar.menuitem:hover,
|
||||
.menubar .menuitem:hover {
|
||||
menubar menuitem,
|
||||
.menubar.menuitem {
|
||||
border: 1px solid transparent;
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
|
||||
menubar menuitem:hover,
|
||||
.menubar.menuitem:hover {
|
||||
border: 1px solid #2e2e2c;
|
||||
border-bottom-width: 0px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
@ -9,294 +15,304 @@
|
||||
/*********
|
||||
* entry *
|
||||
*********/
|
||||
.entry {
|
||||
spinbutton,
|
||||
entry {
|
||||
border-radius: 8px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.entry {
|
||||
border-image: url("assets/entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
spinbutton,
|
||||
entry {
|
||||
border-image: -gtk-scaled(url("assets/entry.png"),url("assets/entry@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.entry:backdrop {
|
||||
border-image: url("assets/backdrop-entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
spinbutton:backdrop,
|
||||
entry:backdrop {
|
||||
border-image: -gtk-scaled(url("assets/backdrop-entry.png"),url("assets/backdrop-entry@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.entry:focus {
|
||||
border-image: url("assets/entry-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
spinbutton:focus,
|
||||
entry:focus {
|
||||
border-image: -gtk-scaled(url("assets/entry-focused.png"),url("assets/entry-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.entry:insensitive {
|
||||
border-image: url("assets/entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
spinbutton:disabled,
|
||||
entry:disabled {
|
||||
border-image: -gtk-scaled(url("assets/entry-disabled.png"),url("assets/entry-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.entry:insensitive:backdrop {
|
||||
border-image: url("assets/backdrop-entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
spinbutton:disabled:backdrop,
|
||||
entry:disabled:backdrop {
|
||||
border-image: -gtk-scaled(url("assets/backdrop-entry-disabled.png"),url("assets/backdrop-entry-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar .entry,
|
||||
.menubar.toolbar .entry,
|
||||
.header-bar .entry {
|
||||
border-image: url("assets/entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
spinbutton entry,
|
||||
spinbutton entry:focus,
|
||||
spinbutton entry:disabled,
|
||||
spinbutton entry:disabled:backdrop,
|
||||
spinbutton entry:backdrop {
|
||||
margin: 1px;
|
||||
border-image: none;
|
||||
}
|
||||
|
||||
.primary-toolbar .entry:focus,
|
||||
.menubar.toolbar .entry:focus,
|
||||
.header-bar .entry:focus {
|
||||
border-image: url("assets/entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
.primary-toolbar entry,
|
||||
menubar toolbar entry,
|
||||
headerbar entry {
|
||||
border-image: -gtk-scaled(url("assets/entry-toolbar.png"),url("assets/entry-toolbar@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar .entry.progressbar,
|
||||
.primary-toolbar .entry.progressbar,
|
||||
.menubar.toolbar .entry.progressbar,
|
||||
.menubar.toolbar .entry.progressbar,
|
||||
.header-bar .entry.progressbar,
|
||||
.header-bar .entry.progressbar,
|
||||
.entry.progressbar {
|
||||
.primary-toolbar entry:focus,
|
||||
menubar toolbar entry:focus,
|
||||
headerbar entry:focus {
|
||||
border-image: -gtk-scaled(url("assets/entry-toolbar-focused.png"),url("assets/entry-toolbar-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar entry progress,
|
||||
menubar toolbar entry progress,
|
||||
headerbar entry progress {
|
||||
border-radius: 8px;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
/******************
|
||||
* combobox entry *
|
||||
* comboboxentry *
|
||||
******************/
|
||||
GtkComboBox.combobox-entry .entry:first-child,
|
||||
GtkComboBox.combobox-entry .button:first-child {
|
||||
combobox entry:first-child,
|
||||
combobox entry button:first-child {
|
||||
border-image-width: 10px 1px 10px 12px;
|
||||
border-radius: 8px 0 0 8px;
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
GtkComboBox.combobox-entry .entry:last-child,
|
||||
GtkComboBox.combobox-entry .button:last-child {
|
||||
combobox entry:last-child,
|
||||
combobox entry button:last-child {
|
||||
border-image-width: 10px 12px 10px 1px;
|
||||
border-radius: 0 8px 8px 0;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
GtkComboBox.combobox-entry .button {
|
||||
border-image: url("assets/combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
combobox entry button {
|
||||
border-image: -gtk-scaled(url("assets/combobox-button.png"),url("assets/combobox-button@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
GtkComboBox.combobox-entry .button:backdrop {
|
||||
border-image: url("assets/backdrop-combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
combobox entry button:backdrop {
|
||||
border-image: -gtk-scaled(url("assets/backdrop-combobox-button.png"),url("assets/backdrop-combobox-button@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
GtkComboBox.combobox-entry .button:focus {
|
||||
border-image: url("assets/combobox-button-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
combobox entry button:focus {
|
||||
border-image: -gtk-scaled(url("assets/combobox-button-focused.png"),url("assets/combobox-button-focused@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
GtkComboBox.combobox-entry .button:insensitive {
|
||||
border-image: url("assets/combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
combobox entry button:disabled {
|
||||
border-image: -gtk-scaled(url("assets/combobox-button-disabled.png"),url("assets/combobox-button-disabled@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
GtkComboBox.combobox-entry .button:insensitive:backdrop {
|
||||
border-image: url("assets/backdrop-combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
combobox entry button:disabled:backdrop {
|
||||
border-image: -gtk-scaled(url("assets/backdrop-combobox-button-disabled.png"),url("assets/backdrop-combobox-button-disabled@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
GtkComboBox.combobox-entry .button:active:focus {
|
||||
border-image: url("assets/combobox-button-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
combobox entry button:active:focus {
|
||||
border-image: -gtk-scaled(url("assets/combobox-button-pressed-focused.png"),url("assets/combobox-button-pressed-focused@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button,
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button:focus:insensitive,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button:focus:insensitive,
|
||||
.header-bar GtkComboBox.combobox-entry .button,
|
||||
.header-bar GtkComboBox.combobox-entry .button:focus:insensitive {
|
||||
border-image: url("assets/combobox-button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
.primary-toolbar combobox entry button,
|
||||
.primary-toolbar combobox entry button:focus:disabled,
|
||||
menubar toolbar combobox entry button,
|
||||
menubar toolbar combobox entry button:focus:disabled,
|
||||
headerbar combobox entry button,
|
||||
headerbar combobox entry button:focus:disabled {
|
||||
border-image: url("assets/combobox-entry button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button:focus,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button:focus,
|
||||
.header-bar GtkComboBox.combobox-entry .button:focus {
|
||||
border-image: url("assets/combobox-button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
.primary-toolbar combobox entry button:focus,
|
||||
menubar toolbar combobox entry button:focus,
|
||||
headerbar combobox entry button:focus {
|
||||
border-image: url("assets/combobox-entry button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
|
||||
.header-bar GtkComboBox.combobox-entry .button:focus:active:focus {
|
||||
border-image: url("assets/combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
.primary-toolbar combobox entry button:focus:active:focus,
|
||||
menubar toolbar combobox entry button:focus:active:focus,
|
||||
headerbar combobox entry button:focus:active:focus {
|
||||
border-image: url("assets/combobox-entry button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkComboBox.combobox-entry .entry:first-child,
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button:first-child,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .entry:first-child,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button:first-child,
|
||||
.header-bar GtkComboBox.combobox-entry .entry:first-child,
|
||||
.header-bar GtkComboBox.combobox-entry .button:first-child {
|
||||
.primary-toolbar combobox entry:first-child,
|
||||
.primary-toolbar combobox entry button:first-child,
|
||||
menubar toolbar combobox entry:first-child,
|
||||
menubar toolbar combobox entry button:first-child,
|
||||
headerbar combobox entry:first-child,
|
||||
headerbar combobox entry button:first-child {
|
||||
border-image-width: 10px 0 10px 12px;
|
||||
border-radius: 8px 0 0 8px;
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkComboBox.combobox-entry .entry:last-child,
|
||||
.primary-toolbar GtkComboBox.combobox-entry .button:last-child,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .entry:last-child,
|
||||
.menubar.toolbar GtkComboBox.combobox-entry .button:last-child,
|
||||
.header-bar GtkComboBox.combobox-entry .entry:last-child,
|
||||
.header-bar GtkComboBox.combobox-entry .button:last-child {
|
||||
.primary-toolbar combobox entry:last-child,
|
||||
.primary-toolbar combobox entry button:last-child,
|
||||
menubar toolbar combobox entry:last-child,
|
||||
menubar toolbar combobox entry button:last-child,
|
||||
headerbar combobox entry:last-child,
|
||||
headerbar combobox entry button:last-child {
|
||||
border-image-width: 10px 12px 10px 1px;
|
||||
border-radius: 0 8px 8px 0;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.notebook tab.top:active {
|
||||
border-image: url("assets/notebook-tab-top.png") 8 10 1 10 / 8px 10px 1px 10px stretch;
|
||||
notebook header.top tab:checked {
|
||||
border-image: -gtk-scaled(url("assets/notebook-tab-top.png"),url("assets/notebook-tab-top@2.png")) 8 10 1 10 / 8px 10px 1px 10px stretch;
|
||||
}
|
||||
|
||||
.notebook tab.right:active {
|
||||
border-image: url("assets/notebook-tab-right.png") 10 8 10 1 / 10px 8px 10px 1px stretch;
|
||||
notebook header.right tab:checked {
|
||||
border-image: -gtk-scaled(url("assets/notebook-tab-right.png"),url("assets/notebook-tab-right@2.png")) 10 8 10 1 / 10px 8px 10px 1px stretch;
|
||||
}
|
||||
|
||||
.notebook tab.bottom:active {
|
||||
border-image: url("assets/notebook-tab-bottom.png") 1 10 8 10 / 1px 10px 8px 10px stretch;
|
||||
notebook header.bottom tab:checked {
|
||||
border-image: -gtk-scaled(url("assets/notebook-tab-bottom.png"),url("assets/notebook-tab-bottom@2.png")) 1 10 8 10 / 1px 10px 8px 10px stretch;
|
||||
}
|
||||
|
||||
.notebook tab.left:active {
|
||||
border-image: url("assets/notebook-tab-left.png") 10 1 10 8 / 10px 1px 10px 8px stretch;
|
||||
}
|
||||
|
||||
/* unfocused window: generic element borders */
|
||||
.button:backdrop,
|
||||
GtkComboBox.combobox-entry .entry:backdrop,
|
||||
GtkComboBox.combobox-entry .button:backdrop,
|
||||
.entry:backdrop,
|
||||
GtkSwitch.trough:backdrop,
|
||||
.trough:backdrop {
|
||||
notebook header.left tab:checked {
|
||||
border-image: -gtk-scaled(url("assets/notebook-tab-left.png"),url("assets/notebook-tab-left@2.png")) 10 1 10 8 / 10px 1px 10px 8px stretch;
|
||||
}
|
||||
|
||||
.trough,
|
||||
.trough.highlight {
|
||||
trough,
|
||||
trough.highlight {
|
||||
border-radius: 4px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.trough {
|
||||
border-image: url("assets/progressbar-horizontal-trough.png") 6 7 6 7 / 6px 7px 6px 7px stretch;
|
||||
.trough,
|
||||
trough {
|
||||
border-image: -gtk-scaled(url("assets/progressbar-horizontal-trough.png"),url("assets/progressbar-horizontal-trough@2.png")) 6 7 6 7 / 6px 7px 6px 7px stretch;
|
||||
}
|
||||
|
||||
GtkSwitch.trough {
|
||||
border-image: url("assets/switch-trough-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
switch {
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-off.png"),url("assets/switch-trough-off@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
GtkSwitch.trough:active {
|
||||
border-image: url("assets/switch-trough-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
switch:checked {
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-on.png"),url("assets/switch-trough-on@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkSwitch.trough,
|
||||
.menubar.toolbar GtkSwitch.trough,
|
||||
.header-bar GtkSwitch.trough {
|
||||
border-image: url("assets/switch-trough-toolbar-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
.primary-toolbar switch,
|
||||
menubar toolbar switch,
|
||||
headerbar switch {
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-toolbar-off.png"),url("assets/switch-trough-toolbar-off@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar GtkSwitch.trough:active,
|
||||
.menubar.toolbar GtkSwitch.trough:active,
|
||||
.header-bar GtkSwitch.trough:active {
|
||||
border-image: url("assets/switch-trough-toolbar-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
.primary-toolbar switch:checked,
|
||||
menubar toolbar switch:checked,
|
||||
headerbar switch:checked {
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-toolbar-on.png"),url("assets/switch-trough-toolbar-on@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
/* XXX temporary */
|
||||
GtkSwitch.trough:backdrop,
|
||||
GtkSwitch.trough:active:backdrop,
|
||||
GtkSwitch.trough:insensitive,
|
||||
GtkSwitch.trough:active:insensitive {
|
||||
border-image: url("assets/switch-trough-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
switch:backdrop,
|
||||
switch:checked:backdrop,
|
||||
switch:disabled,
|
||||
switch:checked:disabled {
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-disabled.png"),url("assets/switch-trough-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
GtkSwitch.slider {
|
||||
border-image: url("assets/switch-button-off.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
switch slider {
|
||||
border-image: -gtk-scaled(url("assets/switch-button-off.png"),url("assets/switch-button-off@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
}
|
||||
|
||||
GtkSwitch.slider:active {
|
||||
border-image: url("assets/switch-button-on.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
switch:checked slider {
|
||||
border-image: -gtk-scaled(url("assets/switch-button-on.png"),url("assets/switch-button-on@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
}
|
||||
|
||||
/* XXX temporary */
|
||||
GtkSwitch.slider:backdrop,
|
||||
GtkSwitch.slider:insensitive {
|
||||
border-image: url("assets/switch-button-off-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
switch:backdrop slider,
|
||||
switch:disabled slider {
|
||||
border-image: -gtk-scaled(url("assets/switch-button-off-disabled.png"),url("assets/switch-button-off-disabled@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
}
|
||||
|
||||
/* XXX temporary */
|
||||
GtkSwitch.slider:active:backdrop,
|
||||
GtkSwitch.slider:active:insensitive {
|
||||
border-image: url("assets/switch-button-on-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
switch:active:backdrop slider,
|
||||
switch:active:disabled slider {
|
||||
border-image: -gtk-scaled(url("assets/switch-button-on-disabled.png"),url("assets/switch-button-on-disabled@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
}
|
||||
|
||||
/*
|
||||
progressbar trough progress,
|
||||
.progressbar,
|
||||
.progressbar row,
|
||||
.progressbar row:hover,
|
||||
.progressbar row:selected,
|
||||
.progressbar row:selected:focused {
|
||||
progressbar row,
|
||||
progressbar row:hover,
|
||||
progressbar row:selected,
|
||||
progressbar row:selected:focus {
|
||||
border-image: url("assets/progressbar-horizontal-fill.png") 5 6 5 6 / 5px 6px 5px 6px stretch;
|
||||
}
|
||||
|
||||
.progressbar.vertical {
|
||||
.progressbar.vertical.trough,
|
||||
progressbar.vertical trough progress {
|
||||
border-image: url("assets/progressbar-vertical-fill.png") 6 5 6 5 / 6px 5px 6px 5px stretch;
|
||||
}
|
||||
|
||||
.progressbar:backdrop,
|
||||
.progressbar row:backdrop,
|
||||
.progressbar row:hover:backdrop,
|
||||
.progressbar row:selected:backdrop,
|
||||
.progressbar row:selected:focused:backdrop {
|
||||
.progressbar.trough:backdrop,
|
||||
progressbar:backdrop trough progress,
|
||||
progressbar row:backdrop,
|
||||
progressbar row:hover:backdrop,
|
||||
progressbar row:selected:backdrop,
|
||||
progressbar row:selected:focus:backdrop {
|
||||
border-image: url("assets/progressbar-horizontal-fill-backdrop.png") 5 6 5 6 / 5px 6px 5px 6px stretch;
|
||||
}
|
||||
|
||||
.progressbar.vertical:backdrop {
|
||||
.progressbar.vertical:backdrop,
|
||||
progressbar.vertical:backdrop trough progress {
|
||||
border-image: url("assets/progressbar-vertical-fill-backdrop.png") 6 5 6 5 / 6px 5px 6px 5px stretch;
|
||||
}
|
||||
*/
|
||||
|
||||
.scale.trough {
|
||||
border-image: url("assets/scale-horizontal-trough.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
scale trough {
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-trough.png"),url("assets/scale-horizontal-trough@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
.scale.trough:insensitive {
|
||||
border-image: url("assets/scale-horizontal-trough-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
scale:disabled trough {
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-trough-disabled.png"),url("assets/scale-horizontal-trough-disabled@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
.scale.trough:backdrop {
|
||||
border-image: url("assets/scale-horizontal-trough-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
scale:backdrop trough {
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-trough-backdrop.png"),url("assets/scale-horizontal-trough-backdrop@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
.scale.trough.vertical {
|
||||
border-image: url("assets/scale-vertical-trough.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
scale.vertical trough {
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-trough.png"),url("assets/scale-vertical-trough@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
.scale.trough.vertical:insensitive {
|
||||
border-image: url("assets/scale-vertical-trough-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
scale.vertical:disabled trough {
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-trough-disabled.png"),url("assets/scale-vertical-trough-disabled@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
.scale.trough.highlight.left {
|
||||
border-image: url("assets/scale-horizontal-fill.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
scale trough.highlight.left {
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-fill.png"),url("assets/scale-horizontal-fill@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
.scale.trough.vertical:backdrop {
|
||||
border-image: url("assets/scale-vertical-trough-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
scale.vertical:backdrop trough {
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-trough-backdrop.png"),url("assets/scale-vertical-trough-backdrop@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
.scale.trough.highlight.left:insensitive {
|
||||
border-image: url("assets/scale-horizontal-fill-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
scale:backdrop trough.highlight.left {
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-fill-disabled.png"),url("assets/scale-horizontal-fill-disabled@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
.scale.trough.highlight.left:backdrop {
|
||||
border-image: url("assets/scale-horizontal-fill-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
scale:backdrop trough.highlight.left {
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-fill-backdrop.png"),url("assets/scale-horizontal-fill-backdrop@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
.scale.trough.highlight.bottom.vertical {
|
||||
border-image: url("assets/scale-vertical-fill.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
scale.vertical trough.highlight.bottom {
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-fill.png"),url("assets/scale-vertical-fill@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
.scale.trough.highlight.bottom.vertical:insensitive {
|
||||
border-image: url("assets/scale-vertical-fill-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
scale.vertical:disabled trough.highlight.bottom {
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-fill-disabled.png"),url("assets/scale-vertical-fill-disabled@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
.scale.trough.highlight.bottom.vertical:backdrop {
|
||||
border-image: url("assets/scale-vertical-fill-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
scale.vertical:backdrop trough.highlight.bottom {
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-fill-backdrop.png"),url("assets/scale-vertical-fill-backdrop@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
|
||||
@ -1,113 +1,76 @@
|
||||
/* Set up shadows and hilights for button visual separation */
|
||||
.primary-toolbar .linked .button,
|
||||
.primary-toolbar .button.raised.linked,
|
||||
.primary-toolbar .raised.linked .button,
|
||||
.menubar.toolbar .linked .button,
|
||||
.menubar.toolbar .button.raised.linked,
|
||||
.menubar.toolbar .raised.linked .button,
|
||||
.header-bar .linked .button,
|
||||
.header-bar .button.raised.linked,
|
||||
.header-bar .button.raised.linked .button {
|
||||
.primary-toolbar .linked button,
|
||||
headerbar .linked button {
|
||||
box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1),
|
||||
inset -1px 0 shade (@dark_bg_color, 0.9);
|
||||
}
|
||||
|
||||
.primary-toolbar .linked .button:first-child,
|
||||
.primary-toolbar .button.raised.linked:first-child,
|
||||
.primary-toolbar .raised.linked .button:first-child,
|
||||
.menubar.toolbar .linked .button:first-child,
|
||||
.menubar.toolbar .button.raised.linked:first-child,
|
||||
.menubar.toolbar .raised.linked .button:first-child,
|
||||
.header-bar .linked .button:first-child,
|
||||
.header-bar .button.raised.linked:first-child,
|
||||
.header-bar .raised.linked .button:first-child {
|
||||
.primary-toolbar .linked button:first-child,
|
||||
headerbar .linked button:first-child {
|
||||
box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9);
|
||||
}
|
||||
|
||||
.primary-toolbar .linked .button:last-child,
|
||||
.primary-toolbar .button.raised.linked:last-child,
|
||||
.primary-toolbar .raised.linked .button:last-child,
|
||||
.menubar.toolbar .linked .button:last-child,
|
||||
.menubar.toolbar .button.raised.linked:last-child,
|
||||
.menubar.toolbar .raised.linked .button:last-child,
|
||||
.header-bar .linked .button:last-child,
|
||||
.header-bar .button.raised.linked:last-child,
|
||||
.header-bar .raised.linked .button:last-child {
|
||||
box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1)
|
||||
}
|
||||
|
||||
.primary-toolbar .linked .button:active,
|
||||
.primary-toolbar .button.raised.linked:active,
|
||||
.primary-toolbar .raised.linked .button:active,
|
||||
.menubar.toolbar .linked .button:active,
|
||||
.menubar.toolbar .button.raised.linked:active,
|
||||
.menubar.toolbar .raised.linked .button:active,
|
||||
.header-bar .linked .button:active,
|
||||
.header-bar .button.raised.linked:active,
|
||||
.header-bar .raised.linked .button:active {
|
||||
.primary-toolbar .linked button:active,
|
||||
headerbar .linked button:active,
|
||||
.primary-toolbar .linked button:disabled,
|
||||
headerbar .linked button:disabled {
|
||||
box-shadow: inset 1px 0 shade (@dark_bg_color, 0.9);
|
||||
}
|
||||
|
||||
.primary-toolbar .linked .button:insensitive,
|
||||
.primary-toolbar .button.raised.linked:insensitive,
|
||||
.primary-toolbar .raised.linked .button:insensitive,
|
||||
.menubar.toolbar .linked .button:insensitive,
|
||||
.menubar.toolbar .button.raised.linked:insensitive,
|
||||
.menubar.toolbar .raised.linked .button:insensitive,
|
||||
.header-bar .linked .button:insensitive,
|
||||
.header-bar .button.raised.linked:insensitive,
|
||||
.header-bar .raised.linked .button:insensitive {
|
||||
.primary-toolbar .linked button:active,
|
||||
headerbar .linked button:active,
|
||||
.primary-toolbar .linked button:disabled,
|
||||
headerbar .linked button:disabled {
|
||||
box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9);
|
||||
}
|
||||
|
||||
.primary-toolbar .linked .button:backdrop:last-child,
|
||||
.primary-toolbar .button.raised.linked:backdrop:last-child,
|
||||
.primary-toolbar .raised.linked .button:backdrop:last-child,
|
||||
.menubar.toolbar .linked .button:backdrop:last-child,
|
||||
.menubar.toolbar .button.raised.linked:backdrop:last-child,
|
||||
.menubar.toolbar .raised.linked .button:backdrop:last-child,
|
||||
.header-bar .linked .button:backdrop:last-child,
|
||||
.header-bar .button.raised.linked:backdrop:last-child,
|
||||
.header-bar .raised.linked .button:backdrop:last-child {
|
||||
.primary-toolbar .linked button:last-child,
|
||||
headerbar .linked button:last-child {
|
||||
box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1);
|
||||
}
|
||||
|
||||
.menubar {
|
||||
menubar {
|
||||
color: @dark_fg_color;
|
||||
text-shadow: 0 1px shade (@dark_bg_color, 1.1);
|
||||
}
|
||||
|
||||
menubar menuitem:hover,
|
||||
.menubar.menuitem:hover,
|
||||
.menubar .menuitem:hover {
|
||||
color: @dark_fg_color;
|
||||
text-shadow: 0 1px shade (@dark_bg_color, 1.1);
|
||||
}
|
||||
|
||||
.menuitem:hover,
|
||||
.menu .menuitem:hover {
|
||||
popover modelbutton:hover,
|
||||
popover menuitem:checked:hover,
|
||||
menuitem:hover,
|
||||
menu menuitem:hover {
|
||||
color: @selected_fg_color;
|
||||
text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
|
||||
}
|
||||
|
||||
.menuitem:insensitive,
|
||||
.menuitem *:insensitive {
|
||||
toolbar headerbar menu menuitem:disabled,
|
||||
toolbar headerbar menu menuitem *:disabled,
|
||||
toolbutton menu menuitem:disabled,
|
||||
toolbutton menu menuitem *:disabled,
|
||||
.primary-toolbar button menu menuitem:disabled,
|
||||
.primary-toolbar button menu menuitem *:disabled,
|
||||
headerbar button menu menuitem:disabled,
|
||||
headerbar button menu menuitem *:disabled,
|
||||
menuitem:disabled,
|
||||
menuitem *:disabled {
|
||||
color: mix (@fg_color, @bg_color, 0.5);
|
||||
text-shadow: 0 1px shade (@bg_color, 1.14);
|
||||
}
|
||||
|
||||
/* for the playback menu item in the sound menu */
|
||||
.menu .spinner,
|
||||
.menu .spinner:hover {
|
||||
menu spinner,
|
||||
menu spinner:hover {
|
||||
color: @selected_bg_color;
|
||||
}
|
||||
|
||||
/* primary-toolbar */
|
||||
.primary-toolbar,
|
||||
.primary-toolbar .toolbar,
|
||||
.primary-toolbar.toolbar,
|
||||
.menubar.toolbar,
|
||||
.header-bar,
|
||||
.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) {
|
||||
.primary-toolbar {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 0.96)),
|
||||
to (shade (@dark_bg_color, 1.1)));
|
||||
@ -117,39 +80,24 @@
|
||||
text-shadow: 0 1px shade (@dark_bg_color, 1.1);
|
||||
}
|
||||
|
||||
.primary-toolbar :insensitive,
|
||||
.menubar.toolbar :insensitive,
|
||||
.header-bar :insensitive {
|
||||
.primary-toolbar:disabled,
|
||||
headerbar:disabled {
|
||||
text-shadow: 0 1px shade (@dark_bg_color, 1.1);
|
||||
}
|
||||
|
||||
.primary-toolbar GtkComboBox,
|
||||
.primary-toolbar .button *,
|
||||
.primary-toolbar .button,
|
||||
.menubar.toolbar GtkComboBox,
|
||||
.menubar.toolbar .button *,
|
||||
.menubar.toolbar .button,
|
||||
.header-bar GtkComboBox,
|
||||
.header-bar .button *,
|
||||
.header-bar .button {
|
||||
.primary-toolbar button,
|
||||
headerbar button *,
|
||||
headerbar button:disabled * {
|
||||
text-shadow: 0 1px alpha (shade (@dark_bg_color, 1.25), 0.32);
|
||||
}
|
||||
|
||||
.primary-toolbar .raised .button,
|
||||
.primary-toolbar .raised.button,
|
||||
.primary-toolbar .button:hover,
|
||||
.primary-toolbar .button:active,
|
||||
.primary-toolbar .button:insensitive,
|
||||
.menubar.toolbar .raised .button,
|
||||
.menubar.toolbar .raised.button,
|
||||
.menubar.toolbar .button:hover,
|
||||
.menubar.toolbar .button:active,
|
||||
.menubar.toolbar .button:insensitive,
|
||||
.header-bar .raised .button,
|
||||
.header-bar .raised.button,
|
||||
.header-bar .button:hover,
|
||||
.header-bar .button:active,
|
||||
.header-bar .button:insensitive {
|
||||
.primary-toolbar button:hover,
|
||||
.primary-toolbar button:active,
|
||||
.primary-toolbar button:disabled,
|
||||
headerbar button:hover,
|
||||
headerbar button:backdrop:hover,
|
||||
headerbar button:active,
|
||||
headerbar button:disabled {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.03)),
|
||||
to (shade (@dark_bg_color, 0.96)));
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -57,6 +57,7 @@ GeditFileBrowserWidget .toolbar {
|
||||
color: @backdrop_text_color;
|
||||
margin: 2px;
|
||||
padding: 2px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,58 @@
|
||||
gf-popup-window {
|
||||
border: 1px solid shade(@dark_bg_color, 0.8);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
gf-popup-window.solid {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
#gf-candidate-popup {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#gf-candidate-popup.solid {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
#gf-candidate-popup gf-candidate-box label {
|
||||
padding: 4px 6px;
|
||||
}
|
||||
|
||||
#gf-candidate-popup gf-candidate-box label:last-child {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
#gf-candidate-popup gf-candidate-box:selected,
|
||||
#gf-candidate-popup gf-candidate-box:hover {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#gf-input-source-popup {
|
||||
background-color: @dark_bg_color;
|
||||
color: @dark_fg_color;
|
||||
}
|
||||
|
||||
#gf-input-source-popup #gf-input-source {
|
||||
background-color: shade(@dark_bg_color, 1.1);
|
||||
border-radius: 6px;
|
||||
min-width: 120px;
|
||||
min-height: 120px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
#gf-input-source-popup #gf-input-source:selected {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
#gf-label-window {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
#gf-osd-window {
|
||||
background-color: @dark_bg_color;
|
||||
color: @dark_fg_color;
|
||||
}
|
||||
@ -1,64 +1,32 @@
|
||||
/* Fallback Mode Panel */
|
||||
PanelWidget :backdrop,
|
||||
PanelApplet :backdrop,
|
||||
PanelToplevel :backdrop,
|
||||
PanelWidget,
|
||||
PanelApplet,
|
||||
PanelToplevel {
|
||||
border-image: none;
|
||||
panel-toplevel,
|
||||
panel-plug {
|
||||
color: @dark_fg_color;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.15)),
|
||||
to (shade (@dark_bg_color, 0.95)));
|
||||
}
|
||||
|
||||
panel-toplevel .gnome-panel-menu-bar:backdrop,
|
||||
panel-toplevel .gnome-panel-menu-bar,
|
||||
gp-applet > menubar,
|
||||
gp-applet,
|
||||
panel-applet > menubar,
|
||||
panel-applet,
|
||||
clock-box {
|
||||
background: transparent;
|
||||
color: @dark_fg_color;
|
||||
}
|
||||
|
||||
PanelWidget,
|
||||
PanelApplet,
|
||||
PanelToplevel {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.5)),
|
||||
to (shade (@dark_bg_color, 1.05)));
|
||||
}
|
||||
|
||||
PanelApplet {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
PanelSeparator:backdrop,
|
||||
PanelSeparator {
|
||||
border-width: 0;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.5)),
|
||||
to (shade (@dark_bg_color, 1.05)));
|
||||
|
||||
color: @dark_fg_color;
|
||||
}
|
||||
|
||||
.gnome-panel-menu-bar,
|
||||
PanelApplet > GtkMenuBar.menubar,
|
||||
PanelApplet > GtkMenuBar.menubar.menuitem,
|
||||
PanelMenuBar.menubar,
|
||||
PanelMenuBar.menubar.menuitem {
|
||||
-PanelMenuBar-icon-visible: true;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.5)),
|
||||
to (shade (@dark_bg_color, 1.05)));
|
||||
}
|
||||
|
||||
PanelAppletFrame {
|
||||
background-color: @dark_bg_color;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.5)),
|
||||
to (shade (@dark_bg_color, 1.05)));
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
PanelApplet .button:backdrop,
|
||||
PanelApplet .button {
|
||||
gp-applet button:backdrop,
|
||||
gp-applet button,
|
||||
panel-applet button:backdrop,
|
||||
panel-applet button {
|
||||
border-image: none;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.5)),
|
||||
to (shade (@dark_bg_color, 1.05)));
|
||||
border-color: alpha (shade (@dark_bg_color, 1.0), 0.6);
|
||||
border-left-color: alpha (shade (@dark_bg_color, 1.5), 0.3);
|
||||
from (shade (@dark_bg_color, 1.15)),
|
||||
to (shade (@dark_bg_color, 0.95)));
|
||||
border-color: alpha (shade (@dark_bg_color, 0.9), 0.6);
|
||||
border-left-color: alpha (shade (@dark_bg_color, 1.2), 0.6);
|
||||
border-radius: 0;
|
||||
border-width: 0 1px 0 1px;
|
||||
|
||||
@ -66,51 +34,97 @@ PanelApplet .button {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
PanelApplet .button:active:hover:backdrop,
|
||||
PanelApplet .button:active:hover,
|
||||
PanelApplet .button:active:backdrop,
|
||||
PanelApplet .button:active {
|
||||
border-image: none;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 0.85)),
|
||||
to (shade (@dark_bg_color, 1.0)));
|
||||
border-color: shade (@dark_bg_color, 0.9);
|
||||
#clock-applet-button {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
PanelApplet .button:hover:backdrop,
|
||||
PanelApplet .button:hover {
|
||||
panel-applet button:active:hover:backdrop,
|
||||
panel-applet button:active:hover,
|
||||
panel-applet button:active:backdrop,
|
||||
gp-applet button:active:hover:backdrop,
|
||||
gp-applet button:active:hover,
|
||||
gp-applet button:active:backdrop,
|
||||
#clock-applet-button:active:hover,
|
||||
#clock-applet-button:active {
|
||||
border-image: none;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.7)),
|
||||
to (shade (@dark_bg_color, 1.25)));
|
||||
border-color: alpha (shade (@dark_bg_color, 1.0), 0.6);
|
||||
border-left-color: alpha (shade (@dark_bg_color, 1.5), 0.4);
|
||||
from (shade (@dark_bg_color, 0.7)),
|
||||
to (shade (@dark_bg_color, 0.8)));
|
||||
border-color: shade (@dark_bg_color, 0.7);
|
||||
}
|
||||
|
||||
PanelApplet .button:checked {
|
||||
gp-applet button:hover:backdrop,
|
||||
gp-applet button:hover,
|
||||
panel-applet button:hover:backdrop,
|
||||
panel-applet button:hover,
|
||||
#clock-applet-button:hover {
|
||||
border-image: none;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 0.95)),
|
||||
from (shade (@dark_bg_color, 1.3)),
|
||||
to (shade (@dark_bg_color, 1.1)));
|
||||
border-color: alpha (shade (@dark_bg_color, 0.9), 0.6);
|
||||
border-left-color: alpha (shade (@dark_bg_color, 1.2), 0.8);
|
||||
}
|
||||
|
||||
gp-applet button:checked,
|
||||
panel-applet button:checked,
|
||||
#clock-applet-button:checked {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 0.8)),
|
||||
to (shade (@dark_bg_color, 1)));
|
||||
}
|
||||
|
||||
gp-applet button:checked:hover,
|
||||
panel-applet button:checked:hover,
|
||||
#clock-applet-button:checked:hover {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1)),
|
||||
to (shade (@dark_bg_color, 1.1)));
|
||||
}
|
||||
|
||||
PanelApplet .button:checked:hover {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.15)),
|
||||
to (shade (@dark_bg_color, 1.3)));
|
||||
}
|
||||
|
||||
PanelApplet .button:checked:hover:active {
|
||||
gp-applet button:checked:hover:active,
|
||||
panel-applet button:checked:hover:active,
|
||||
#clock-applet-button:checked:hover:active {
|
||||
border-image: none;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 0.75)),
|
||||
to (shade (@dark_bg_color, 0.9)));
|
||||
from (shade (@dark_bg_color, 0.6)),
|
||||
to (shade (@dark_bg_color, 0.7)));
|
||||
border-color: shade (@dark_bg_color, 0.8);
|
||||
}
|
||||
|
||||
ClockBox {
|
||||
text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
|
||||
clock-box {
|
||||
text-shadow: 0 1px shade (@dark_bg_color, 1.08);
|
||||
}
|
||||
|
||||
WnckPager, WnckTasklist {
|
||||
wnck-pager,
|
||||
wnck-tasklist {
|
||||
background-color: @dark_bg_color;
|
||||
}
|
||||
|
||||
gp-arrow-button {
|
||||
min-width: 20px;
|
||||
min-height: 0px;
|
||||
|
||||
border: 1px solid #9d9d99;
|
||||
border-radius: 3px;
|
||||
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.vertical gp-arrow-button {
|
||||
min-width: 0px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
gp-arrow-button:hover {
|
||||
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
|
||||
}
|
||||
|
||||
gp-arrow-button:active {
|
||||
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
|
||||
}
|
||||
|
||||
panel-toplevel.background:backdrop {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@ -0,0 +1,19 @@
|
||||
.libreoffice-toolbar {
|
||||
background-image: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.libreoffice-toolbar button:hover {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@focus_color, 1.5)),
|
||||
color-stop (0.5, shade (@focus_color, 1.33)),
|
||||
to (shade (@focus_color, 1.28)));
|
||||
border-image-source: url("assets/button-hover.png");
|
||||
}
|
||||
.libreoffice-toolbar button:active {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@selected_bg_color, 1.5)),
|
||||
color-stop (0.5, shade (@selected_bg_color, 1.33)),
|
||||
to (shade (@selected_bg_color, 1.28)));
|
||||
border-image-source: url("assets/button-active-hover.png");
|
||||
}
|
||||
@ -1,3 +1,8 @@
|
||||
nautilus-desktop-window.background:backdrop,
|
||||
.nautilus-desktop-window.background:backdrop {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nautilus-canvas-item {
|
||||
border-radius: 5px;
|
||||
}
|
||||
@ -47,8 +52,8 @@
|
||||
@keyframes needs_attention_keyframes {
|
||||
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||
/* can't do animation-direction, so holding the color on two keyframes */
|
||||
30% {background-image: linear-gradient(to bottom, @theme_base_color); border-color: @theme_fg_color; }
|
||||
90% {background-image: linear-gradient(to bottom, @theme_base_color); border-color: @theme_fg_color; }
|
||||
30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
||||
90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
||||
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||
}
|
||||
.nautilus-operations-button-needs-attention {
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
.lightdm menu {
|
||||
background-image: none;
|
||||
background-color: alpha (black, 0.6);
|
||||
background-color: shade (@dark_bg_color, 1.08);
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
padding: 1px;
|
||||
|
||||
color: white;
|
||||
color: @dark_fg_color;
|
||||
}
|
||||
|
||||
.lightdm-combo menu {
|
||||
@ -13,13 +13,13 @@
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
|
||||
color: white;
|
||||
color: @dark_fg_color;
|
||||
}
|
||||
|
||||
.lightdm menu menuitem *,
|
||||
.lightdm menu menuitem.check:active,
|
||||
.lightdm menu menuitem.radio:active {
|
||||
color: white;
|
||||
color: @dark_fg_color;
|
||||
}
|
||||
|
||||
.lightdm menu menuitem *:disabled {
|
||||
|
||||
99
src/usr/share/themes/Lubuntu-default/gtk-3.20/apps/unity.css
Normal file
99
src/usr/share/themes/Lubuntu-default/gtk-3.20/apps/unity.css
Normal file
@ -0,0 +1,99 @@
|
||||
/* Decorations */
|
||||
|
||||
UnityDecoration {
|
||||
-UnityDecoration-extents: 28px 0 0 0;
|
||||
-UnityDecoration-input-extents: 10px;
|
||||
|
||||
-UnityDecoration-shadow-offset-x: 1px;
|
||||
-UnityDecoration-shadow-offset-y: 5px;
|
||||
-UnityDecoration-active-shadow-color: alpha (@active_shadow_color, 0.78);
|
||||
-UnityDecoration-active-shadow-radius: 30px;
|
||||
-UnityDecoration-inactive-shadow-color: @inactive_shadow_color;
|
||||
-UnityDecoration-inactive-shadow-radius: 25px;
|
||||
|
||||
-UnityDecoration-glow-size: 10px;
|
||||
-UnityDecoration-glow-color: rgb (221, 72, 20);
|
||||
|
||||
-UnityDecoration-title-indent: 10px;
|
||||
-UnityDecoration-title-fade: 35px;
|
||||
-UnityDecoration-title-alignment: 0.0;
|
||||
}
|
||||
|
||||
/* Definitions of UnityDecoration .top (and :backdrop) are now shared with
|
||||
* Gtk .titlebar (and :backdrop); .left and .right are not used by this theme */
|
||||
|
||||
UnityDecoration .left,
|
||||
UnityDecoration .right {
|
||||
background-color: shade (@bg_color, 0.7);
|
||||
background-size: 1px 70px;
|
||||
background-repeat: repeat-x;
|
||||
|
||||
/* start color: mix of the top border color and bg-image gradient end */
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
color-stop (0, #a89686),
|
||||
color-stop (0.5, #a89686),
|
||||
color-stop (1, shade (@bg_color, 0.7)));
|
||||
}
|
||||
|
||||
UnityDecoration .left:backdrop,
|
||||
UnityDecoration .right:backdrop {
|
||||
/* start color: mix of the top border color and bg-image gradient end */
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
color-stop (0, #b5a395),
|
||||
color-stop (0.5, #b5a395),
|
||||
color-stop (1, shade (@bg_color, 0.7)));
|
||||
}
|
||||
|
||||
UnityDecoration .bottom {
|
||||
background-image: none;
|
||||
background-color: shade (@bg_color, 0.7);
|
||||
}
|
||||
|
||||
/* Panel Style */
|
||||
|
||||
UnityPanelWidget,
|
||||
.unity-panel {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (#edebe6, 1.06)),
|
||||
to (@dark_bg_color));
|
||||
border-top-color: shade (#edebe6, 1.08);
|
||||
border-style: solid;
|
||||
border-width: 1px 0 0 0;
|
||||
|
||||
color: shade (@dark_bg_color, 0.4);
|
||||
text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06),
|
||||
0 1px shade (@dark_bg_color, 1.06), 0 -1px shade (@dark_bg_color, 1.06);
|
||||
}
|
||||
|
||||
UnityPanelWidget:backdrop,
|
||||
.unity-panel:backdrop {
|
||||
color: #a39e9a;
|
||||
}
|
||||
|
||||
.unity-panel.menubar,
|
||||
.unity-panel .menubar {
|
||||
}
|
||||
|
||||
.unity-panel.menuitem,
|
||||
.unity-panel .menuitem {
|
||||
border-width: 1px 1px 0 1px;
|
||||
-gtk-icon-shadow: 0 -1px shade (@dark_bg_color, 1.06);
|
||||
}
|
||||
|
||||
.unity-panel.menubar.menuitem:hover,
|
||||
.unity-panel.menubar .menuitem *:hover {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.5)),
|
||||
to (shade (@dark_bg_color, 1.02)));
|
||||
}
|
||||
|
||||
|
||||
@keyframes playbackmenuitem_spinner {
|
||||
to { -gtk-icon-transform: rotate(1turn); }
|
||||
}
|
||||
|
||||
.menu IdoPlaybackMenuItem.menuitem:active {
|
||||
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
|
||||
animation: playbackmenuitem_spinner 1s infinite linear;
|
||||
color: @selected_bg_color;
|
||||
}
|
||||
@ -221,116 +221,40 @@ NautilusWindow .sidebar .view {
|
||||
background-color: @sidepane_color;
|
||||
}
|
||||
|
||||
/************************************************************
|
||||
* GTK3 CSD support *
|
||||
************************************************************/
|
||||
*:drop(active):focus,
|
||||
*:drop(active) {
|
||||
box-shadow: inset 0 0 0 1px #F08437; }
|
||||
|
||||
.titlebar {
|
||||
decoration {
|
||||
border-radius: 6px 6px 0 0;
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.5);
|
||||
margin: 2px; }
|
||||
decoration:backdrop {
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 transparent, 0 0 10px 0 rgba(0, 0, 0, 0.5);
|
||||
transition: 200ms ease-out; }
|
||||
.fullscreen decoration,
|
||||
.tiled decoration {
|
||||
border-radius: 0; }
|
||||
.popup decoration {
|
||||
box-shadow: none;
|
||||
border-radius: 0; }
|
||||
.ssd decoration {
|
||||
border-radius: 6px 6px 0 0;
|
||||
background-image: linear-gradient(to bottom,
|
||||
shade(@bg_color, 1.07),
|
||||
shade(@bg_color, 0.88)
|
||||
);
|
||||
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.tiled .titlebar {
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
|
||||
.ssd decoration.maximized {
|
||||
border-radius: 0; }
|
||||
.csd.popup decoration {
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
|
||||
tooltip.csd decoration {
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
|
||||
messagedialog.csd decoration {
|
||||
border-radius: 3px; }
|
||||
.solid-csd decoration {
|
||||
border-radius: 0;
|
||||
}
|
||||
margin: 1px;
|
||||
background-color: #e7e8eb;
|
||||
box-shadow: none; }
|
||||
|
||||
.maximized .titlebar {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.titlebar.default-decoration {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .title {
|
||||
font: bold;
|
||||
color: mix(@fg_color, @bg_color, 0.3);
|
||||
text-shadow: 0 1px shade(@bg_color, 1.1);
|
||||
}
|
||||
|
||||
.titlebar:backdrop {
|
||||
background-image: linear-gradient(to bottom,
|
||||
shade(@bg_color, 1.12),
|
||||
shade(@bg_color, 0.98)
|
||||
);
|
||||
}
|
||||
|
||||
.titlebar .title:backdrop {
|
||||
color: mix(@fg_color, @bg_color, 0.6);
|
||||
text-shadow: 0 1px shade(@bg_color, 1.05);
|
||||
}
|
||||
|
||||
.titlebar .button:backdrop {
|
||||
color: mix(@fg_color, @bg_color, 0.6);
|
||||
}
|
||||
|
||||
.titlebar .titlebutton {
|
||||
padding: 4px;
|
||||
border-style: none;
|
||||
background: none;
|
||||
color: mix(@fg_color, @bg_color, 0.3);
|
||||
-gtk-icon-shadow: 0 1px shade(@bg_color, 1.1);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton:hover,
|
||||
.titlebar .titlebutton:hover:focus {
|
||||
background: none;
|
||||
color: @fg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton:active,
|
||||
.titlebar .titlebutton:checked,
|
||||
.titlebar .titlebutton:active:hover,
|
||||
.titlebar .titlebutton:checked:hover {
|
||||
background: none;
|
||||
color: @selected_bg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton:backdrop {
|
||||
background-image: none;
|
||||
color: mix(@fg_color, @bg_color, 0.6);
|
||||
-gtk-icon-shadow: 0 1px shade(@bg_color, 1.05);
|
||||
}
|
||||
|
||||
.window-frame,
|
||||
.window-frame:backdrop {
|
||||
border-style: none;
|
||||
border-radius: 6px 6px 0 0;
|
||||
box-shadow: 0 6px 22px alpha(black, 0.47),
|
||||
0 0 0 1px alpha(black, 0.3);
|
||||
|
||||
/* this is used for the resize cursor area */
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.window-frame.tiled {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.window-frame.csd.popup {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
||||
}
|
||||
|
||||
.window-frame.csd.tooltip {
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.window-frame.solid-csd {
|
||||
border: solid 1px shade(@bg_color, 0.5);
|
||||
border-radius: 0;
|
||||
margin: 2px;
|
||||
background-color: @bg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@ -75,6 +75,7 @@
|
||||
@import url("apps/gnome-terminal.css");
|
||||
@import url("apps/software-center.css");
|
||||
@import url("apps/calendar.css");
|
||||
@import url("apps/libreoffice.css");
|
||||
@import url("public-colors.css");
|
||||
|
||||
@import url("gtk-lubuntu.css");
|
||||
|
||||
@ -1,23 +1,29 @@
|
||||
menu check {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
menu radio {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
menu check:checked {
|
||||
-gtk-icon-source: url("assets/check-menuitem-dark.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
|
||||
url("assets/check-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
menu check:checked:disabled {
|
||||
-gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive-dark.png"),
|
||||
url("assets/check-menuitem-insensitive-dark@2.png"));
|
||||
}
|
||||
|
||||
menu radio:checked {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-dark.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-dark.png"),
|
||||
url("assets/radio-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
menu radio:checked:disabled {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive-dark.png"),
|
||||
url("assets/radio-menuitem-insensitive-dark@2.png"));
|
||||
}
|
||||
|
||||
@ -13,27 +13,32 @@
|
||||
|
||||
/* draw regular check and radio items using our SVG assets */
|
||||
check {
|
||||
-gtk-icon-source: url("assets/check-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected.png"),
|
||||
url("assets/check-unselected@2.png"));
|
||||
}
|
||||
|
||||
check:hover {
|
||||
-gtk-icon-source: url("assets/check-unselected-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-hover.png"),
|
||||
url("assets/check-unselected-hover@2.png"));
|
||||
}
|
||||
|
||||
check row,
|
||||
check row:selected,
|
||||
check row:selected:focus {
|
||||
-gtk-icon-source: url("assets/check-unselected-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-alt.png"),
|
||||
url("assets/check-unselected-alt@2.png"));
|
||||
}
|
||||
|
||||
check row:hover,
|
||||
check row:selected:hover,
|
||||
check row:selected:focus:hover {
|
||||
-gtk-icon-source: url("assets/check-unselected-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-hover-alt.png"),
|
||||
url("assets/check-unselected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
check:disabled {
|
||||
-gtk-icon-source: url("assets/check-unselected-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-disabled.png"),
|
||||
url("assets/check-unselected-disabled@2.png"));
|
||||
}
|
||||
|
||||
check row:disabled {
|
||||
@ -44,169 +49,205 @@ check row:disabled,
|
||||
check row:selected:disabled,
|
||||
check row:selected:focus:disabled {
|
||||
background-color: transparent;
|
||||
-gtk-icon-source: url("assets/check-unselected-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-unselected-disabled-alt.png"),
|
||||
url("assets/check-unselected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
check:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected.png"),
|
||||
url("assets/backdrop-check-unselected@2.png"));
|
||||
}
|
||||
|
||||
check:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-hover.png"),
|
||||
url("assets/backdrop-check-unselected-hover@2.png"));
|
||||
}
|
||||
|
||||
check row:backdrop,
|
||||
check row:selected:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-alt.png"),
|
||||
url("assets/backdrop-check-unselected-alt@2.png"));
|
||||
}
|
||||
|
||||
check row:hover:backdrop,
|
||||
check row:selected:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-hover-alt.png"),
|
||||
url("assets/backdrop-check-unselected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
check:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-disabled.png"),
|
||||
url("assets/backdrop-check-unselected-disabled@2.png"));
|
||||
}
|
||||
|
||||
check row:selected:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-unselected-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-disabled-alt.png"),
|
||||
url("assets/backdrop-check-unselected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
check:checked {
|
||||
-gtk-icon-source: url("assets/check-selected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected.png"),
|
||||
url("assets/check-selected@2.png"));
|
||||
}
|
||||
|
||||
check:checked:hover {
|
||||
-gtk-icon-source: url("assets/check-selected-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-hover.png"),
|
||||
url("assets/check-selected-hover@2.png"));
|
||||
}
|
||||
|
||||
check row:checked,
|
||||
check row:selected:checked,
|
||||
check row:selected:focus:checked {
|
||||
-gtk-icon-source: url("assets/check-selected-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-alt.png"),
|
||||
url("assets/check-selected-alt@2.png"));
|
||||
}
|
||||
|
||||
check row:checked:hover,
|
||||
check row:selected:checked:hover,
|
||||
check row:selected:checked:focus:hover {
|
||||
-gtk-icon-source: url("assets/check-selected-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-hover-alt.png"),
|
||||
url("assets/check-selected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
check:checked:disabled {
|
||||
-gtk-icon-source: url("assets/check-selected-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-disabled.png"),
|
||||
url("assets/check-selected-disabled@2.png"));
|
||||
}
|
||||
|
||||
check row:checked:disabled,
|
||||
check row:selected:checked:disabled,
|
||||
check row:selected:focus:checked:disabled {
|
||||
-gtk-icon-source: url("assets/check-selected-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-selected-disabled-alt.png"),
|
||||
url("assets/check-selected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
check:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected.png"),
|
||||
url("assets/backdrop-check-selected@2.png"));
|
||||
}
|
||||
|
||||
check:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-hover.png"),
|
||||
url("assets/backdrop-check-selected-hover@2.png"));
|
||||
}
|
||||
|
||||
check row:checked:backdrop,
|
||||
check row:selected:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-alt.png"),
|
||||
url("assets/backdrop-check-selected-alt@2.png"));
|
||||
}
|
||||
|
||||
check row:checked:hover:backdrop,
|
||||
check row:selected:checked:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-hover-alt.png"),
|
||||
url("assets/backdrop-check-selected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
check:checked:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-disabled.png"),
|
||||
url("assets/backdrop-check-selected-disabled@2.png"));
|
||||
}
|
||||
|
||||
check row:selected:checked:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-selected-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-disabled-alt.png"),
|
||||
url("assets/backdrop-check-selected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
check:indeterminate {
|
||||
-gtk-icon-source: url("assets/check-mixed.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed.png"),
|
||||
url("assets/check-mixed@2.png"));
|
||||
}
|
||||
|
||||
check:indeterminate:hover {
|
||||
-gtk-icon-source: url("assets/check-mixed-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-hover.png"),
|
||||
url("assets/check-mixed-hover@2.png"));
|
||||
}
|
||||
|
||||
check row:indeterminate,
|
||||
check row:selected:indeterminate,
|
||||
check row:selected:focus:indeterminate {
|
||||
-gtk-icon-source: url("assets/check-mixed-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-alt.png"),
|
||||
url("assets/check-mixed-alt@2.png"));
|
||||
}
|
||||
|
||||
check row:indeterminate:hover,
|
||||
check row:selected:indeterminate:hover,
|
||||
check row:selected:focus:indeterminate:hover {
|
||||
-gtk-icon-source: url("assets/check-mixed-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-hover-alt.png"),
|
||||
url("assets/check-mixed-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
check:indeterminate:disabled {
|
||||
-gtk-icon-source: url("assets/check-mixed-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-disabled.png"),
|
||||
url("assets/check-mixed-disabled@2.png"));
|
||||
}
|
||||
|
||||
check row:indeterminate:disabled,
|
||||
check row:selected:indeterminate:disabled,
|
||||
check row:selected:focus:indeterminate:disabled {
|
||||
-gtk-icon-source: url("assets/check-mixed-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-disabled-alt.png"),
|
||||
url("assets/check-mixed-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
check:indeterminate:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed.png"),
|
||||
url("assets/backdrop-check-mixed@2.png"));
|
||||
}
|
||||
|
||||
check:indeterminate:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-hover.png"),
|
||||
url("assets/backdrop-check-mixed-hover@2.png"));
|
||||
}
|
||||
|
||||
check row:indeterminate:backdrop,
|
||||
check row:selected:indeterminate:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-alt.png"),
|
||||
url("assets/backdrop-check-mixed-alt@2.png"));
|
||||
}
|
||||
|
||||
check row:indeterminate:hover:backdrop,
|
||||
check row:selected:indeterminate:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-hover-alt.png"),
|
||||
url("assets/backdrop-check-mixed-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
check:indeterminate:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-disabled.png"),
|
||||
url("assets/backdrop-check-mixed-disabled@2.png"));
|
||||
}
|
||||
|
||||
check row:selected:indeterminate:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-check-mixed-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-disabled-alt.png"),
|
||||
url("assets/backdrop-check-mixed-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
radio {
|
||||
-gtk-icon-source: url("assets/radio-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected.png"),
|
||||
url("assets/radio-unselected@2.png"));
|
||||
}
|
||||
|
||||
radio:hover {
|
||||
-gtk-icon-source: url("assets/radio-unselected-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-hover.png"),
|
||||
url("assets/radio-unselected-hover@2.png"));
|
||||
}
|
||||
|
||||
radio row,
|
||||
radio row:selected,
|
||||
radio row:selected:focus {
|
||||
-gtk-icon-source: url("assets/radio-unselected-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-alt.png"),
|
||||
url("assets/radio-unselected-alt@2.png"));
|
||||
}
|
||||
|
||||
radio row:hover,
|
||||
radio row:selected:hover,
|
||||
radio row:selected:focus:hover {
|
||||
-gtk-icon-source: url("assets/radio-unselected-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-hover-alt.png"),
|
||||
url("assets/radio-unselected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:disabled {
|
||||
-gtk-icon-source: url("assets/radio-unselected-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-disabled.png"),
|
||||
url("assets/radio-unselected-disabled@2.png"));
|
||||
}
|
||||
|
||||
radio row:disabled {
|
||||
@ -216,145 +257,176 @@ radio row:disabled {
|
||||
radio row:disabled,
|
||||
radio row:selected:disabled,
|
||||
radio row:selected:focus:disabled {
|
||||
-gtk-icon-source: url("assets/radio-unselected-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-disabled-alt.png"),
|
||||
url("assets/radio-unselected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected.png"),
|
||||
url("assets/backdrop-radio-unselected@2.png"));
|
||||
}
|
||||
|
||||
radio:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-hover.png"),
|
||||
url("assets/backdrop-radio-unselected-hover@2.png"));
|
||||
}
|
||||
|
||||
radio row:backdrop,
|
||||
radio row:selected:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-alt.png"),
|
||||
url("assets/backdrop-radio-unselected-alt@2.png"));
|
||||
}
|
||||
|
||||
radio row:hover:backdrop,
|
||||
radio row:selected:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-hover-alt.png"),
|
||||
url("assets/backdrop-radio-unselected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-disabled.png"),
|
||||
url("assets/backdrop-radio-unselected-disabled@2.png"));
|
||||
}
|
||||
|
||||
radio row:selected:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-unselected-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-disabled-alt.png"),
|
||||
url("assets/backdrop-radio-unselected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:checked {
|
||||
-gtk-icon-source: url("assets/radio-selected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected.png"),
|
||||
url("assets/radio-selected@2.png"));
|
||||
}
|
||||
|
||||
radio:checked:hover {
|
||||
-gtk-icon-source: url("assets/radio-selected-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-hover.png"),
|
||||
url("assets/radio-selected-hover@2.png"));
|
||||
}
|
||||
|
||||
radio row:checked,
|
||||
radio row:selected:checked,
|
||||
radio row:selected:focus:checked {
|
||||
-gtk-icon-source: url("assets/radio-selected-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-alt.png"),
|
||||
url("assets/radio-selected-alt@2.png"));
|
||||
}
|
||||
|
||||
radio row:checked:hover,
|
||||
radio row:selected:checked:hover,
|
||||
radio row:selected:focus:checked:hover {
|
||||
-gtk-icon-source: url("assets/radio-selected-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-hover-alt.png"),
|
||||
url("assets/radio-selected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:checked:disabled {
|
||||
-gtk-icon-source: url("assets/radio-selected-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-disabled.png"),
|
||||
url("assets/radio-selected-disabled@2.png"));
|
||||
}
|
||||
|
||||
radio row:disabled,
|
||||
radio row:selected:checked:disabled,
|
||||
radio row:selected:focus:checked:disabled {
|
||||
-gtk-icon-source: url("assets/radio-selected-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-selected-disabled-alt.png"),
|
||||
url("assets/radio-selected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected.png"),
|
||||
url("assets/backdrop-radio-selected@2.png"));
|
||||
}
|
||||
|
||||
radio:checked:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-hover.png"),
|
||||
url("assets/backdrop-radio-selected-hover@2.png"));
|
||||
}
|
||||
|
||||
radio row:checked:backdrop,
|
||||
radio row:selected:checked:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-alt.png"),
|
||||
url("assets/backdrop-radio-selected-alt@2.png"));
|
||||
}
|
||||
|
||||
radio row:checked:hover:backdrop,
|
||||
radio row:selected:checked:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-hover-alt.png"),
|
||||
url("assets/backdrop-radio-selected-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:checked:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-disabled.png"),
|
||||
url("assets/backdrop-radio-selected-disabled@2.png"));
|
||||
}
|
||||
|
||||
radio row:selected:checked:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-selected-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-disabled-alt.png"),
|
||||
url("assets/backdrop-radio-selected-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:indeterminate {
|
||||
-gtk-icon-source: url("assets/radio-mixed.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"),
|
||||
url("assets/radio-mixed@2.png"));
|
||||
}
|
||||
|
||||
radio:indeterminate:hover {
|
||||
-gtk-icon-source: url("assets/radio-mixed-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"),
|
||||
url("assets/radio-mixed-hover@2.png"));
|
||||
}
|
||||
|
||||
radio row:indeterminate,
|
||||
radio row:selected:indeterminate,
|
||||
radio row:selected:focus:indeterminate {
|
||||
-gtk-icon-source: url("assets/radio-mixed-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-alt.png"),
|
||||
url("assets/radio-mixed-alt@2.png"));
|
||||
}
|
||||
|
||||
radio row:indeterminate:hover,
|
||||
radio row:selected:indeterminate:hover,
|
||||
radio row:selected:focus:indeterminate:hover {
|
||||
-gtk-icon-source: url("assets/radio-mixed-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-alt.png"),
|
||||
url("assets/radio-mixed-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:indeterminate:disabled {
|
||||
-gtk-icon-source: url("assets/radio-mixed-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled.png"),
|
||||
url("assets/radio-mixed-disabled@2.png"));
|
||||
}
|
||||
|
||||
radio row:indeterminate:disabled,
|
||||
radio row:selected:indeterminate:disabled,
|
||||
radio row:selected:focus:indeterminate:disabled {
|
||||
-gtk-icon-source: url("assets/radio-mixed-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled-alt.png"),
|
||||
url("assets/radio-mixed-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:indeterminate:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed.png"),
|
||||
url("assets/backdrop-radio-mixed@2.png"));
|
||||
}
|
||||
|
||||
radio:indeterminate:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-hover.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-hover.png"),
|
||||
url("assets/backdrop-radio-mixed-hover@2.png"));
|
||||
}
|
||||
|
||||
radio row:indeterminate:backdrop,
|
||||
radio row:selected:indeterminate:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-alt.png"),
|
||||
url("assets/backdrop-radio-mixed-alt.png"));
|
||||
}
|
||||
|
||||
radio row:indeterminate:hover:backdrop,
|
||||
radio row:selected:indeterminate:hover:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-hover-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-hover-alt.png"),
|
||||
url("assets/backdrop-radio-mixed-hover-alt@2.png"));
|
||||
}
|
||||
|
||||
radio:indeterminate:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-disabled.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-disabled.png"),
|
||||
url("assets/backdrop-radio-mixed-disabled@2.png"));
|
||||
}
|
||||
|
||||
radio row:selected:indeterminate:disabled:backdrop {
|
||||
-gtk-icon-source: url("assets/backdrop-radio-mixed-disabled-alt.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-disabled-alt.png"),
|
||||
url("assets/backdrop-radio-mixed-disabled-alt@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar menu check,
|
||||
@ -364,7 +436,8 @@ menu check,
|
||||
menu check:hover,
|
||||
menu check:disabled:not(:checked),
|
||||
menu check:indeterminate:not(:checked) {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar menu radio,
|
||||
@ -374,19 +447,22 @@ menu radio,
|
||||
menu radio:hover,
|
||||
menu radio:disabled:not(:checked),
|
||||
menu radio:indeterminate:not(:checked) {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar menu check:checked,
|
||||
menubar toolbar menu check:checked,
|
||||
headerbar menu check:checked,
|
||||
menu check:checked {
|
||||
-gtk-icon-source: url("assets/check-menuitem-dark.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
|
||||
url("assets/check-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
toolbar menu check:checked:hover,
|
||||
menu check:checked:hover {
|
||||
-gtk-icon-source: url("assets/check-menuitem.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem.png"),
|
||||
url("assets/check-menuitem@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar menu check:checked:disabled,
|
||||
@ -395,7 +471,8 @@ headerbar menu check:checked:disabled,
|
||||
toolbar menu check:checked:hover:disabled,
|
||||
menu check:checked:disabled,
|
||||
menu check:checked:hover:disabled {
|
||||
-gtk-icon-source: url("assets/check-menuitem-insensitive.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive.png"),
|
||||
url("assets/check-menuitem-insensitive@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar menu radio:checked,
|
||||
@ -404,7 +481,8 @@ headerbar menu radio:checked,
|
||||
toolbar menu radio:checked:hover,
|
||||
menu radio:checked,
|
||||
menu radio:checked:hover {
|
||||
-gtk-icon-source: url("assets/radio-menuitem.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem.png"),
|
||||
url("assets/radio-menuitem@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar menu radio:checked:disabled,
|
||||
@ -413,31 +491,38 @@ headerbar menu radio:checked:disabled,
|
||||
toolbar menu radio:checked:hover:disabled,
|
||||
menu radio:checked:disabled,
|
||||
menu radio:checked:hover:disabled {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-insensitive.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive.png"),
|
||||
url("assets/radio-menuitem-insensitive@2.png"));
|
||||
}
|
||||
|
||||
toolbar menu check {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
toolbar menu radio {
|
||||
-gtk-icon-source: url("assets/check-menuitem-unselected.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
|
||||
url("assets/check-menuitem-unselected@2.png"));
|
||||
}
|
||||
|
||||
toolbar menu check:checked {
|
||||
-gtk-icon-source: url("assets/check-menuitem-dark.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
|
||||
url("assets/check-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
toolbar menu check:checked:disabled {
|
||||
-gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive-dark.png"),
|
||||
url("assets/check-menuitem-insensitive-dark@2.png"));
|
||||
}
|
||||
|
||||
toolbar menu radio:checked {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-dark.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-dark.png"),
|
||||
url("assets/radio-menuitem-dark@2.png"));
|
||||
}
|
||||
|
||||
toolbar menu radio:checked:disabled {
|
||||
-gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png");
|
||||
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive-dark.png"),
|
||||
url("assets/radio-menuitem-insensitive-dark@2.png"));
|
||||
}
|
||||
|
||||
/*********************
|
||||
@ -445,7 +530,8 @@ toolbar menu radio:checked:disabled {
|
||||
*********************/
|
||||
scale slider,
|
||||
scale.horizontal contents:only-child trough slider {
|
||||
background-image: url("assets/slider-horizontal.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal.png"),
|
||||
url("assets/slider-horizontal@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@ -456,23 +542,27 @@ scale.horizontal:backdrop slider {
|
||||
|
||||
scale slider:hover,
|
||||
scale.horizontal slider:hover {
|
||||
background-image: url("assets/slider-horizontal-hover.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal-hover.png"),
|
||||
url("assets/slider-horizontal-hover@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
scale slider:focus,
|
||||
scale.horizontal slider:focus {
|
||||
background-image: url("assets/slider-horizontal-focused.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal-focused.png"),
|
||||
url("assets/slider-horizontal-focused@2.png"));
|
||||
}
|
||||
|
||||
scale slider:hover:focus,
|
||||
scale.horizontal slider:hover:focus {
|
||||
background-image: url("assets/slider-horizontal-focused-hover.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal-focused-hover.png"),
|
||||
url("assets/slider-horizontal-focused-hover@2.png"));
|
||||
}
|
||||
|
||||
scale:disabled slider,
|
||||
scale.horizontal:disabled slider {
|
||||
background-image: url("assets/slider-horizontal-disabled.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-horizontal-disabled.png"),
|
||||
url("assets/slider-horizontal-disabled@2.png"));
|
||||
}
|
||||
|
||||
scale slider:disabled:backdrop,
|
||||
@ -481,7 +571,8 @@ scale.horizontal slider:disabled:backdrop {
|
||||
}
|
||||
|
||||
scale.vertical slider {
|
||||
background-image: url("assets/slider-vertical.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical.png"),
|
||||
url("assets/slider-vertical@2.png"));
|
||||
}
|
||||
|
||||
scale:backdrop.vertical slider {
|
||||
@ -489,19 +580,23 @@ scale:backdrop.vertical slider {
|
||||
}
|
||||
|
||||
scale.vertical slider:hover {
|
||||
background-image: url("assets/slider-vertical-hover.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical-hover.png"),
|
||||
url("assets/slider-vertical-hover@2.png"));
|
||||
}
|
||||
|
||||
scale.vertical slider:focus {
|
||||
background-image: url("assets/slider-vertical-focused.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical-focused.png"),
|
||||
url("assets/slider-vertical-focused@2.png"));
|
||||
}
|
||||
|
||||
scale.vertical slider:hover:focus {
|
||||
background-image: url("assets/slider-vertical-focused-hover.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical-focused-hover.png"),
|
||||
url("assets/slider-vertical-focused-hover@2.png"));
|
||||
}
|
||||
|
||||
scale:disabled.vertical slider {
|
||||
background-image: url("assets/slider-vertical-disabled.png");
|
||||
background-image: -gtk-scaled(url("assets/slider-vertical-disabled.png"),
|
||||
url("assets/slider-vertical-disabled@2.png"));
|
||||
}
|
||||
|
||||
scale:disabled:backdrop.vertical slider {
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
.primary-toolbar .entry,
|
||||
menubar toolbar entry,
|
||||
headerbar entry {
|
||||
border-image: url("assets/radiance-entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/radiance-entry-toolbar.png"),url("assets/radiance-entry-toolbar@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
primary-toolbar entry:focus,
|
||||
menubar toolbar entry:focus,
|
||||
headerbar entry:focus {
|
||||
border-image: url("assets/radiance-entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/radiance-entry-toolbar-focused.png"),url("assets/radiance-entry-toolbar-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar combobox entry button,
|
||||
|
||||
@ -1,4 +1,10 @@
|
||||
/* Borders */
|
||||
menubar menuitem,
|
||||
.menubar.menuitem {
|
||||
border: 1px solid transparent;
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
|
||||
menubar menuitem:hover,
|
||||
.menubar.menuitem:hover {
|
||||
border: 1px solid #2e2e2c;
|
||||
@ -19,27 +25,27 @@ entry {
|
||||
|
||||
spinbutton,
|
||||
entry {
|
||||
border-image: url("assets/entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/entry.png"),url("assets/entry@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
spinbutton:backdrop,
|
||||
entry:backdrop {
|
||||
border-image: url("assets/backdrop-entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/backdrop-entry.png"),url("assets/backdrop-entry@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
spinbutton:focus,
|
||||
entry:focus {
|
||||
border-image: url("assets/entry-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/entry-focused.png"),url("assets/entry-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
spinbutton:disabled,
|
||||
entry:disabled {
|
||||
border-image: url("assets/entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/entry-disabled.png"),url("assets/entry-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
spinbutton:disabled:backdrop,
|
||||
entry:disabled:backdrop {
|
||||
border-image: url("assets/backdrop-entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/backdrop-entry-disabled.png"),url("assets/backdrop-entry-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
spinbutton entry,
|
||||
@ -54,13 +60,13 @@ spinbutton entry:backdrop {
|
||||
.primary-toolbar entry,
|
||||
menubar toolbar entry,
|
||||
headerbar entry {
|
||||
border-image: url("assets/entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/entry-toolbar.png"),url("assets/entry-toolbar@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar entry:focus,
|
||||
menubar toolbar entry:focus,
|
||||
headerbar entry:focus {
|
||||
border-image: url("assets/entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/entry-toolbar-focused.png"),url("assets/entry-toolbar-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar entry progress,
|
||||
@ -88,27 +94,27 @@ combobox entry button:last-child {
|
||||
}
|
||||
|
||||
combobox entry button {
|
||||
border-image: url("assets/combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
border-image: -gtk-scaled(url("assets/combobox-button.png"),url("assets/combobox-button@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
combobox entry button:backdrop {
|
||||
border-image: url("assets/backdrop-combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
border-image: -gtk-scaled(url("assets/backdrop-combobox-button.png"),url("assets/backdrop-combobox-button@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
combobox entry button:focus {
|
||||
border-image: url("assets/combobox-button-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
border-image: -gtk-scaled(url("assets/combobox-button-focused.png"),url("assets/combobox-button-focused@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
combobox entry button:disabled {
|
||||
border-image: url("assets/combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
border-image: -gtk-scaled(url("assets/combobox-button-disabled.png"),url("assets/combobox-button-disabled@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
combobox entry button:disabled:backdrop {
|
||||
border-image: url("assets/backdrop-combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
border-image: -gtk-scaled(url("assets/backdrop-combobox-button-disabled.png"),url("assets/backdrop-combobox-button-disabled@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
combobox entry button:active:focus {
|
||||
border-image: url("assets/combobox-button-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
border-image: -gtk-scaled(url("assets/combobox-button-pressed-focused.png"),url("assets/combobox-button-pressed-focused@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar combobox entry button,
|
||||
@ -155,19 +161,19 @@ headerbar combobox entry button:last-child {
|
||||
}
|
||||
|
||||
notebook header.top tab:checked {
|
||||
border-image: url("assets/notebook-tab-top.png") 8 10 1 10 / 8px 10px 1px 10px stretch;
|
||||
border-image: -gtk-scaled(url("assets/notebook-tab-top.png"),url("assets/notebook-tab-top@2.png")) 8 10 1 10 / 8px 10px 1px 10px stretch;
|
||||
}
|
||||
|
||||
notebook header.right tab:checked {
|
||||
border-image: url("assets/notebook-tab-right.png") 10 8 10 1 / 10px 8px 10px 1px stretch;
|
||||
border-image: -gtk-scaled(url("assets/notebook-tab-right.png"),url("assets/notebook-tab-right@2.png")) 10 8 10 1 / 10px 8px 10px 1px stretch;
|
||||
}
|
||||
|
||||
notebook header.bottom tab:checked {
|
||||
border-image: url("assets/notebook-tab-bottom.png") 1 10 8 10 / 1px 10px 8px 10px stretch;
|
||||
border-image: -gtk-scaled(url("assets/notebook-tab-bottom.png"),url("assets/notebook-tab-bottom@2.png")) 1 10 8 10 / 1px 10px 8px 10px stretch;
|
||||
}
|
||||
|
||||
notebook header.left tab:checked {
|
||||
border-image: url("assets/notebook-tab-left.png") 10 1 10 8 / 10px 1px 10px 8px stretch;
|
||||
border-image: -gtk-scaled(url("assets/notebook-tab-left.png"),url("assets/notebook-tab-left@2.png")) 10 1 10 8 / 10px 1px 10px 8px stretch;
|
||||
}
|
||||
|
||||
.trough,
|
||||
@ -181,27 +187,27 @@ trough.highlight {
|
||||
|
||||
.trough,
|
||||
trough {
|
||||
border-image: url("assets/progressbar-horizontal-trough.png") 6 7 6 7 / 6px 7px 6px 7px stretch;
|
||||
border-image: -gtk-scaled(url("assets/progressbar-horizontal-trough.png"),url("assets/progressbar-horizontal-trough@2.png")) 6 7 6 7 / 6px 7px 6px 7px stretch;
|
||||
}
|
||||
|
||||
switch {
|
||||
border-image: url("assets/switch-trough-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-off.png"),url("assets/switch-trough-off@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
switch:checked {
|
||||
border-image: url("assets/switch-trough-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-on.png"),url("assets/switch-trough-on@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar switch,
|
||||
menubar toolbar switch,
|
||||
headerbar switch {
|
||||
border-image: url("assets/switch-trough-toolbar-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-toolbar-off.png"),url("assets/switch-trough-toolbar-off@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
.primary-toolbar switch:checked,
|
||||
menubar toolbar switch:checked,
|
||||
headerbar switch:checked {
|
||||
border-image: url("assets/switch-trough-toolbar-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-toolbar-on.png"),url("assets/switch-trough-toolbar-on@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
/* XXX temporary */
|
||||
@ -209,27 +215,27 @@ switch:backdrop,
|
||||
switch:checked:backdrop,
|
||||
switch:disabled,
|
||||
switch:checked:disabled {
|
||||
border-image: url("assets/switch-trough-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
border-image: -gtk-scaled(url("assets/switch-trough-disabled.png"),url("assets/switch-trough-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
|
||||
}
|
||||
|
||||
switch slider {
|
||||
border-image: url("assets/switch-button-off.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
border-image: -gtk-scaled(url("assets/switch-button-off.png"),url("assets/switch-button-off@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
}
|
||||
|
||||
switch:checked slider {
|
||||
border-image: url("assets/switch-button-on.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
border-image: -gtk-scaled(url("assets/switch-button-on.png"),url("assets/switch-button-on@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
}
|
||||
|
||||
/* XXX temporary */
|
||||
switch:backdrop slider,
|
||||
switch:disabled slider {
|
||||
border-image: url("assets/switch-button-off-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
border-image: -gtk-scaled(url("assets/switch-button-off-disabled.png"),url("assets/switch-button-off-disabled@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
}
|
||||
|
||||
/* XXX temporary */
|
||||
switch:active:backdrop slider,
|
||||
switch:active:disabled slider {
|
||||
border-image: url("assets/switch-button-on-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
border-image: -gtk-scaled(url("assets/switch-button-on-disabled.png"),url("assets/switch-button-on-disabled@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
|
||||
}
|
||||
|
||||
/*
|
||||
@ -263,50 +269,50 @@ progressbar.vertical:backdrop trough progress {
|
||||
*/
|
||||
|
||||
scale trough {
|
||||
border-image: url("assets/scale-horizontal-trough.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-trough.png"),url("assets/scale-horizontal-trough@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
scale:disabled trough {
|
||||
border-image: url("assets/scale-horizontal-trough-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-trough-disabled.png"),url("assets/scale-horizontal-trough-disabled@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
scale:backdrop trough {
|
||||
border-image: url("assets/scale-horizontal-trough-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-trough-backdrop.png"),url("assets/scale-horizontal-trough-backdrop@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
scale.vertical trough {
|
||||
border-image: url("assets/scale-vertical-trough.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-trough.png"),url("assets/scale-vertical-trough@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
scale.vertical:disabled trough {
|
||||
border-image: url("assets/scale-vertical-trough-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-trough-disabled.png"),url("assets/scale-vertical-trough-disabled@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
scale trough.highlight.left {
|
||||
border-image: url("assets/scale-horizontal-fill.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-fill.png"),url("assets/scale-horizontal-fill@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
scale.vertical:backdrop trough {
|
||||
border-image: url("assets/scale-vertical-trough-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-trough-backdrop.png"),url("assets/scale-vertical-trough-backdrop@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
scale:backdrop trough.highlight.left {
|
||||
border-image: url("assets/scale-horizontal-fill-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-fill-disabled.png"),url("assets/scale-horizontal-fill-disabled@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
scale:backdrop trough.highlight.left {
|
||||
border-image: url("assets/scale-horizontal-fill-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-horizontal-fill-backdrop.png"),url("assets/scale-horizontal-fill-backdrop@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
|
||||
}
|
||||
|
||||
scale.vertical trough.highlight.bottom {
|
||||
border-image: url("assets/scale.vertical-vertical-fill.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-fill.png"),url("assets/scale-vertical-fill@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
scale.vertical:disabled trough.highlight.bottom {
|
||||
border-image: url("assets/scale.vertical-vertical-fill-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-fill-disabled.png"),url("assets/scale-vertical-fill-disabled@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
scale.vertical:backdrop trough.highlight.bottom {
|
||||
border-image: url("assets/scale-vertical-fill-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
border-image: -gtk-scaled(url("assets/scale-vertical-fill-backdrop.png"),url("assets/scale-vertical-fill-backdrop@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
|
||||
}
|
||||
|
||||
|
||||
@ -70,9 +70,7 @@ menu spinner:hover {
|
||||
}
|
||||
|
||||
/* primary-toolbar */
|
||||
.primary-toolbar,
|
||||
headerbar,
|
||||
.maximized headerbar.titlebar:not(:backdrop) {
|
||||
.primary-toolbar {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 0.96)),
|
||||
to (shade (@dark_bg_color, 1.1)));
|
||||
@ -104,7 +102,3 @@ headerbar button:disabled {
|
||||
from (shade (@dark_bg_color, 1.03)),
|
||||
to (shade (@dark_bg_color, 0.96)));
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
border-top-width: 0px;
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
|
||||
assistant .sidebar .highlight {
|
||||
color: @fg_color;
|
||||
font: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
assistant .sidebar {
|
||||
@ -69,7 +69,8 @@ button.flat {
|
||||
button:backdrop {
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
border-image-source: url("assets/backdrop-button.png");
|
||||
border-image-source: -gtk-scaled(url("assets/backdrop-button.png"),
|
||||
url("assets/backdrop-button@2.png"));
|
||||
|
||||
color: @backdrop_fg_color;
|
||||
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
|
||||
@ -80,7 +81,8 @@ button.flat:backdrop {
|
||||
}
|
||||
|
||||
button:focus {
|
||||
border-image-source: url("assets/button-focused.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-focused.png"),
|
||||
url("assets/button-focused.png@2"));
|
||||
}
|
||||
|
||||
button:hover {
|
||||
@ -88,16 +90,19 @@ button:hover {
|
||||
from (shade (@button_bg_color, 1.12)),
|
||||
color-stop (0.5, @button_bg_color),
|
||||
to (shade (@button_bg_color, 0.96)));
|
||||
border-image-source: url("assets/button-hover.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-hover.png"),
|
||||
url("assets/button-hover@2.png"));
|
||||
}
|
||||
|
||||
button:hover:backdrop {
|
||||
background-color: shade (@bg_color, 1.04);
|
||||
border-image-source: url("assets/backdrop-button-hover.png");
|
||||
border-image-source: -gtk-scaled(url("assets/backdrop-button-hover.png"),
|
||||
url("assets/backdrop-button-hover@2.png"));
|
||||
}
|
||||
|
||||
button:hover:focus {
|
||||
border-image-source: url("assets/button-focused-hover.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-focused-hover.png"),
|
||||
url("assets/button-focused-hover@2.png"));
|
||||
}
|
||||
|
||||
|
||||
@ -106,14 +111,16 @@ button:disabled {
|
||||
background-color: mix (#ebebeb, @bg_color, 0.5);
|
||||
|
||||
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
|
||||
border-image-source: url("assets/button-disabled.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-disabled.png"),
|
||||
url("assets/button-disabled@2.png"));
|
||||
}
|
||||
|
||||
button:disabled:backdrop {
|
||||
background-color: #ebebeb;
|
||||
|
||||
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
|
||||
border-image-source: url("assets/backdrop-button-disabled.png");
|
||||
border-image-source: -gtk-scaled(url("assets/backdrop-button-disabled.png"),
|
||||
url("assets/backdrop-button-disabled@2.png"));
|
||||
}
|
||||
|
||||
button.flat:disabled,
|
||||
@ -126,22 +133,26 @@ button:checked {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (#cecece),
|
||||
to (#e8e8e8));
|
||||
border-image-source: url("assets/button-active.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-active.png"),
|
||||
url("assets/button-active@2.png"));
|
||||
}
|
||||
|
||||
button:checked:focus {
|
||||
border-image-source: url("assets/button-active-focused.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-active-focused.png"),
|
||||
url("assets/button-active-focused@2.png"));
|
||||
}
|
||||
|
||||
button:active {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (#dcdcdc),
|
||||
to (#f3f3f3));
|
||||
border-image-source: url("assets/button-active-hover.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-active-hover.png"),
|
||||
url("assets/button-active-hover@2.png"));
|
||||
}
|
||||
|
||||
button:active:focus {
|
||||
border-image-source: url("assets/button-active-focused-hover.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-active-focused-hover.png"),
|
||||
url("assets/button-active-focused-hover@2.png"));
|
||||
}
|
||||
|
||||
button:checked:disabled,
|
||||
@ -149,22 +160,26 @@ button:active:disabled {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (#e3e3e3),
|
||||
to (#f3f3f3));
|
||||
border-image-source: url("assets/button-active-disabled.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-active-disabled.png"),
|
||||
url("assets/button-active-disabled@2.png"));
|
||||
}
|
||||
|
||||
button:checked:backdrop {
|
||||
border-image-source: url("assets/backdrop-button-active.png");
|
||||
border-image-source: -gtk-scaled(url("assets/backdrop-button-active.png"),
|
||||
url("assets/backdrop-button-active@2.png"));
|
||||
}
|
||||
|
||||
button:active:backdrop {
|
||||
border-image-source: url("assets/backdrop-button-active-hover.png");
|
||||
border-image-source: -gtk-scaled(url("assets/backdrop-button-active-hover.png"),
|
||||
url("assets/backdrop-button-active-hover@2.png"));
|
||||
}
|
||||
|
||||
button:checked:disabled:backdrop {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (mix (#e3e3e3, @bg_color, 0.5)),
|
||||
to (mix (#f3f3f3, @bg_color, 0.5)));
|
||||
border-image-source: url("assets/backdrop-button-active-disabled.png");
|
||||
border-image-source: -gtk-scaled(url("assets/backdrop-button-active-disabled.png"),
|
||||
url("assets/backdrop-button-active-disabled@2.png"));
|
||||
}
|
||||
|
||||
/*
|
||||
@ -267,7 +282,7 @@ headerbar .linked button:only-child {
|
||||
}
|
||||
|
||||
button separator {
|
||||
color: shade(@bg_color, 1.30);
|
||||
color: shade(@bg_color, 1.30);
|
||||
}
|
||||
|
||||
/* actionbar */
|
||||
@ -495,6 +510,8 @@ entry {
|
||||
padding: 5px 7px;
|
||||
|
||||
color: @text_color;
|
||||
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
entry.flat, entry.flat:focus {
|
||||
@ -532,6 +549,14 @@ entry:disabled:backdrop {
|
||||
color: mix (@text_color, @base_color, 0.4);
|
||||
}
|
||||
|
||||
entry > image.left {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
entry > image.right {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.primary-toolbar entry progress,
|
||||
headerbar entry progress {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
@ -621,17 +646,6 @@ frame > box.vertical > scrolledwindow.frame {
|
||||
border-width: 1px 0px 1px 0px;
|
||||
}
|
||||
|
||||
|
||||
/****************
|
||||
* window-frame *
|
||||
****************/
|
||||
|
||||
.csd.popup {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 3px 8px @shadow_color;
|
||||
}
|
||||
|
||||
/************
|
||||
* iconview *
|
||||
************/
|
||||
@ -783,6 +797,7 @@ combobox menu {
|
||||
background-color: @bg_color;
|
||||
border-bottom-color: shade (@bg_color, 0.66);
|
||||
border-right-color: shade (@bg_color, 0.7);
|
||||
border-left-color: shade (@bg_color, 0.7);
|
||||
border-top-color: shade (@bg_color, 0.8);
|
||||
border-style: solid;
|
||||
padding: 0;
|
||||
@ -812,7 +827,13 @@ menu button
|
||||
}
|
||||
|
||||
.context-menu {
|
||||
font: regular medium;
|
||||
font-size: medium;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.background.popup.csd {
|
||||
/* Delete menus background, we don't need border-radious here */
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/***********
|
||||
@ -1244,14 +1265,16 @@ trough.vertical {
|
||||
|
||||
/* level bars as used for password quality or remaining power */
|
||||
|
||||
levelbar {
|
||||
min-width: 34px;
|
||||
levelbar,
|
||||
levelbar trough {
|
||||
min-width: 150px;
|
||||
min-height: 5px;
|
||||
}
|
||||
|
||||
levelbar.vertical {
|
||||
levelbar.vertical,
|
||||
levelbar.vertical trough {
|
||||
min-width: 5px;
|
||||
min-height: 34px;
|
||||
min-height: 150px;
|
||||
}
|
||||
|
||||
levelbar trough {
|
||||
@ -1923,12 +1946,8 @@ textview {
|
||||
background-color: @base_color;
|
||||
}
|
||||
|
||||
headerbar {
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header Bars
|
||||
* Header Bars and decorations
|
||||
*
|
||||
* The following rules only style header bars when they are used as a window's
|
||||
* titlebar widget (i.e., they have .titlebar set as well).
|
||||
@ -1937,20 +1956,140 @@ headerbar {
|
||||
* that prefer showing traditional title bars. The rules for those are further
|
||||
* down grouped with normal toolbars.
|
||||
*/
|
||||
.titlebar {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.5)),
|
||||
to (@dark_bg_color));
|
||||
border-color: shade (@dark_bg_color, 1.5);
|
||||
border-style: solid;
|
||||
border-width: 1px 0 0 0;
|
||||
border-radius: 7px 7px 0 0;
|
||||
decoration {
|
||||
margin: 10px;
|
||||
border-radius: 6px 6px 0 0;
|
||||
box-shadow: 1px 5px 13px alpha(@active_shadow_color, 0.85);
|
||||
}
|
||||
|
||||
color: @dark_fg_color;
|
||||
decoration:backdrop,
|
||||
tooltip.csd decoration,
|
||||
.popup decoration {
|
||||
box-shadow: 1px 5px 13px transparent, /* this should match normal shadow geometries */
|
||||
1px 5px 8px @inactive_shadow_color;
|
||||
transition: 100ms ease-out;
|
||||
}
|
||||
|
||||
.ssd decoration {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
popover {
|
||||
/* FIXME: we can't reuse the default shadow definition as increasing marging
|
||||
* would break the tip
|
||||
*/
|
||||
margin: 13px;
|
||||
box-shadow: 1px 3px 6px @inactive_shadow_color;
|
||||
}
|
||||
|
||||
popover:backdrop,
|
||||
popover.background:backdrop {
|
||||
box-shadow: 1px 3px 6px alpha(@inactive_shadow_color, 0.5);
|
||||
}
|
||||
|
||||
tooltip decoration {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.maximized decoration,
|
||||
.fullscreen decoration,
|
||||
.unity-csd decoration {
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.tiled decoration {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.default-decoration.titlebar:not(headerbar),
|
||||
messagedialog.csd .titlebar:not(headerbar),
|
||||
messagedialog.solid-csd .titlebar:not(headerbar),
|
||||
headerbar.default-decoration {
|
||||
min-height: 26px;
|
||||
}
|
||||
|
||||
.solid-csd .titlebar:backdrop:dir(rtl):not(headerbar),
|
||||
.solid-csd .titlebar:backdrop:dir(ltr):not(headerbar),
|
||||
.solid-csd .titlebar:dir(rtl):not(headerbar),
|
||||
.solid-csd .titlebar:dir(ltr):not(headerbar),
|
||||
.solid-csd headerbar:backdrop:dir(rtl),
|
||||
.solid-csd headerbar:backdrop:dir(ltr),
|
||||
.solid-csd headerbar,
|
||||
.solid-csd headerbar:dir(ltr) {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.solid-csd decoration {
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: shade (@dark_bg_color, 0.85);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.solid-csd:backdrop decoration {
|
||||
border-color: @dark_bg_color
|
||||
}
|
||||
|
||||
.titlebar,
|
||||
UnityDecoration .top {
|
||||
border: 1px solid rgba (85, 40, 0, 0.04); /* shade (@dark_bg_color) (shade (#edebe6, 1.06) */
|
||||
border-radius: 6px 6px 0 0;
|
||||
padding: 1px 6px 1px 6px;
|
||||
|
||||
box-shadow: inset 0 0 transparent, inset 0 0 transparent,
|
||||
inset 0 1px shade (@edebe6, 1.065), inset 0 0 transparent;
|
||||
|
||||
background-color: transparent;
|
||||
background-clip: border-box;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (#edebe6, 1.06)),
|
||||
to (@dark_bg_color));
|
||||
|
||||
color: shade (@dark_bg_color, 0.4);
|
||||
text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06),
|
||||
0 1px shade (@dark_bg_color, 1.06), 0 -1px shade (@dark_bg_color, 1.06);
|
||||
}
|
||||
|
||||
.titlebar:backdrop,
|
||||
UnityDecoration .top:backdrop {
|
||||
border: 1px solid rgba (110, 27, 0, 0.04); /* shade @dark_bg_color - shade (#edebe6, 0.96) */
|
||||
background-color: transparent;
|
||||
background-clip: border-box;
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (#edebe6, 0.96)),
|
||||
to (@dark_bg_color));
|
||||
box-shadow: inset 0 0 transparent, inset 0 0 transparent,
|
||||
inset 0 1px shade (#edebe6, 0.97), inset 0 0 transparent;
|
||||
|
||||
color: #a39e9a;
|
||||
text-shadow: 1px 0 1px shade (@dark_bg_color, 1.08), -1px 0 1px shade (@dark_bg_color, 1.08),
|
||||
0 1px 1px shade (@dark_bg_color, 1.08), 0 -1px 1px shade (@dark_bg_color, 1.08);
|
||||
}
|
||||
|
||||
.maximized .titlebar,
|
||||
.tiled .titlebar {
|
||||
border-radius: 0;
|
||||
border-image: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.maximized .titlebar:not(:backdrop):not(.toolbar-mode),
|
||||
.tiled .titlebar:not(:backdrop):not(.toolbar-mode) {
|
||||
box-shadow: inset 0 1px shade (#edebe6, 1.08);
|
||||
}
|
||||
|
||||
.titlebar .title {
|
||||
font: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.titlebar .subtitle {
|
||||
@ -1958,23 +2097,6 @@ headerbar {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.titlebar:backdrop {
|
||||
color: @backdrop_fg_color;
|
||||
background-image: none;
|
||||
background-color: @dark_bg_color;
|
||||
border-top-color: @dark_bg_color;
|
||||
box-shadow: inset 0 1px shade (@dark_bg_color, 1.2);
|
||||
}
|
||||
|
||||
.maximized .titlebar {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.maximized .titlebar.toolbar-mode {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar button.titlebutton {
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #d0c7bf;
|
||||
@ -1986,6 +2108,20 @@ headerbar {
|
||||
background-image: linear-gradient(to top, #d5d2ce, #ece8e4 50%, #f7f4f3);
|
||||
}
|
||||
|
||||
/* keep buttons closer */
|
||||
.titlebar button.titlebutton {
|
||||
margin-left: -2px;
|
||||
margin-right: -2px;
|
||||
}
|
||||
|
||||
.titlebar button.titlebutton:first-child {
|
||||
margin-left: inherit;
|
||||
}
|
||||
|
||||
.titlebar button.titlebutton:last-child {
|
||||
margin-right: inherit;
|
||||
}
|
||||
|
||||
.titlebar button.titlebutton.close {
|
||||
color: #7f4025;
|
||||
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.25);
|
||||
@ -2017,10 +2153,12 @@ headerbar {
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/***********
|
||||
* toolbar *
|
||||
***********/
|
||||
.toolbar {
|
||||
.toolbar:not(.titlebar):not(headerbar) {
|
||||
border-style: none;
|
||||
padding: 1px;
|
||||
|
||||
@ -2029,7 +2167,7 @@ headerbar {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.toolbar:backdrop {
|
||||
.toolbar:not(.titlebar):not(headerbar):backdrop {
|
||||
color: @backdrop_fg_color;
|
||||
}
|
||||
|
||||
@ -2037,8 +2175,9 @@ headerbar {
|
||||
* primary-toolbar *
|
||||
*******************/
|
||||
.primary-toolbar,
|
||||
headerbar,
|
||||
.maximized headerbar.titlebar:not(:backdrop) {
|
||||
/* Workaround for LP: #1689239, selects headerbars used as toolbar in Unity */
|
||||
:not(.titlebar) > headerbar:not(.titlebar),
|
||||
.titlebar.toolbar-mode {
|
||||
-GtkWidget-window-dragging: true;
|
||||
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
@ -2056,12 +2195,10 @@ headerbar,
|
||||
box-shadow: inset 0 1px shade (@dark_bg_color, 0.94);
|
||||
}
|
||||
|
||||
.maximized headerbar.titlebar.toolbar-mode:not(:backdrop) {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.primary-toolbar:backdrop,
|
||||
headerbar:backdrop {
|
||||
/* Workaround for LP: #1689239, selects headerbars used as toolbar in Unity */
|
||||
:not(.titlebar) > headerbar:not(.titlebar):backdrop,
|
||||
.titlebar.toolbar-mode:backdrop {
|
||||
background-image: none;
|
||||
background-color: @dark_bg_color;
|
||||
box-shadow: none;
|
||||
@ -2072,16 +2209,19 @@ headerbar:backdrop {
|
||||
}
|
||||
|
||||
.primary-toolbar:disabled,
|
||||
.titlebar.toolbar-mode:disabled,
|
||||
headerbar:disabled {
|
||||
text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
|
||||
}
|
||||
|
||||
.primary-toolbar button,
|
||||
.titlebar button,
|
||||
headerbar button,
|
||||
headerbar button:disabled,
|
||||
.primary-toolbar button.flat:hover {
|
||||
background: transparent;
|
||||
border-image-source: url("assets/radiance-button-toolbar.png");
|
||||
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar.png"),
|
||||
url("assets/radiance-button-toolbar@2.png"));
|
||||
padding: 9px;
|
||||
color: @dark_fg_color;
|
||||
}
|
||||
@ -2099,14 +2239,16 @@ headerbar button:disabled * {
|
||||
|
||||
.primary-toolbar button:focus,
|
||||
headerbar button:focus {
|
||||
border-image-source: url("assets/radiance-button-toolbar-focused.png");
|
||||
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar-focused.png"),
|
||||
url("assets/radiance-button-toolbar-focused@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar button:active,
|
||||
.primary-toolbar button:checked,
|
||||
headerbar button:active,
|
||||
headerbar button:checked {
|
||||
border-image-source: url("assets/radiance-button-toolbar-active.png");
|
||||
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar-active.png"),
|
||||
url("assets/radiance-button-toolbar-active@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar button:active:focus,
|
||||
@ -2114,7 +2256,8 @@ headerbar button:checked {
|
||||
headerbar button:active:focus,
|
||||
headerbar button:checked:focus,
|
||||
headerbar button:hover:focus {
|
||||
border-image-source: url("assets/radiance-button-toolbar-active-focused.png");
|
||||
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar-active-focused.png"),
|
||||
url("assets/radiance-button-toolbar-active-focused@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar button:backdrop,
|
||||
@ -2123,7 +2266,8 @@ headerbar button:disabled:backdrop,
|
||||
headerbar button:checked:backdrop {
|
||||
color: @backdrop_dark_fg_color;
|
||||
background-color: transparent;
|
||||
border-image-source: url("assets/radiance-backdrop-button-toolbar.png");
|
||||
border-image-source: -gtk-scaled(url("assets/radiance-backdrop-button-toolbar.png"),
|
||||
url("assets/radiance-backdrop-button-toolbar@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar button:backdrop,
|
||||
@ -2140,7 +2284,8 @@ headerbar button:checked:backdrop * {
|
||||
.primary-toolbar button:active:backdrop,
|
||||
.primary-toolbar button:checked:backdrop,
|
||||
headerbar button:active:backdrop {
|
||||
border-image-source: url("assets/radiance-backdrop-button-toolbar-active.png");
|
||||
border-image-source: -gtk-scaled(url("assets/radiance-backdrop-button-toolbar-active.png"),
|
||||
url("assets/radiance-backdrop-button-toolbar-active@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar button:hover,
|
||||
@ -2153,7 +2298,8 @@ headerbar button:backdrop:checked {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.2)),
|
||||
to (shade (@dark_bg_color, 1.1)));
|
||||
border-image-source: url("assets/radiance-backdrop-button-toolbar.png");
|
||||
border-image-source: -gtk-scaled(url("assets/radiance-backdrop-button-toolbar.png"),
|
||||
url("assets/radiance-backdrop-button-toolbar@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar button:active,
|
||||
@ -2176,7 +2322,8 @@ headerbar button:disabled {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 1.01)),
|
||||
to (shade (@dark_bg_color, 0.99)));
|
||||
border-image-source: url("assets/button-toolbar.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-toolbar.png"),
|
||||
url("assets/button-toolbar@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar button.flat:disabled {
|
||||
@ -2189,14 +2336,17 @@ headerbar button:checked:disabled {
|
||||
background-image: -gtk-gradient (linear, left top, left bottom,
|
||||
from (shade (@dark_bg_color, 0.94)),
|
||||
to (shade (@dark_bg_color, 1.02)));
|
||||
border-image-source: url("assets/button-toolbar.png");
|
||||
border-image-source: -gtk-scaled(url("assets/button-toolbar.png"),
|
||||
url("assets/button-toolbar@2.png"));
|
||||
}
|
||||
|
||||
.primary-toolbar separator,
|
||||
.primary-toolbar separator,
|
||||
.primary-toolbar separator:disabled,
|
||||
headerbar separator,
|
||||
headerbar separator:disabled {
|
||||
headerbar separator:disabled,
|
||||
.titlebar separator,
|
||||
.titlebar separator:disabled {
|
||||
border-color: alpha (shade (@dark_bg_color, 0.94), 0.35);
|
||||
border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
|
||||
border-right-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
|
||||
@ -2323,12 +2473,20 @@ tooltip {
|
||||
background-image: -gtk-gradient (radial, center 0, 0, center 0, 0.8,
|
||||
from (alpha (mix (@tooltip_bg_color, #ffffff, 0.2), 0.86)),
|
||||
to (alpha (@tooltip_bg_color, 0.86)));
|
||||
border-color: alpha (#ffffff, 0.2);
|
||||
border-color: alpha (white, 0.2);
|
||||
border-radius: 5px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
tooltip.csd:not(.unity-csd) decoration {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
tooltip.background {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
tooltip label {
|
||||
color: @tooltip_fg_color;
|
||||
}
|
||||
@ -2381,16 +2539,9 @@ popover {
|
||||
|
||||
border-radius: 5px;
|
||||
border: 1px solid darker(@bg_color);
|
||||
|
||||
box-shadow: 0 2px 3px @shadow_color;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
popover:backdrop {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Popover menuitems are actually buttons. The following rules reset most of
|
||||
* the button styles for them.
|
||||
*/
|
||||
@ -2587,6 +2738,7 @@ undershoot {
|
||||
*:disabled {
|
||||
color: shade (@bg_color, 0.6);
|
||||
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
|
||||
-gtk-icon-effect: dim;
|
||||
}
|
||||
|
||||
label selection,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user