mirror of
https://github.com/grassmunk/Chicago95.git
synced 2025-07-26 23:24:29 +02:00
Last part of the rewrite, the theme is finally usable in gtk 3.22
This commit is contained in:
Adriano Moura
parent
1d7fbad848
commit
cd9c4ec7f8
@ -1,321 +1,46 @@
|
|||||||
/*******************
|
|
||||||
* check and radio *
|
|
||||||
*******************/
|
|
||||||
/* draw regular check and radio items using our assets */
|
|
||||||
.check,
|
|
||||||
.check row:selected,
|
|
||||||
.check row:selected:focus {
|
|
||||||
background-image: url("assets/checkbox-unchecked.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:insensitive,
|
|
||||||
.check row:selected:insensitive,
|
|
||||||
.check row:selected:focus:insensitive {
|
|
||||||
background-image: url("assets/checkbox-unchecked-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:hover,
|
|
||||||
.check row:selected:hover,
|
|
||||||
.check row:selected:focus:hover {
|
|
||||||
background-image: url("assets/checkbox-unchecked-over.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:active,
|
|
||||||
.check row:selected:active,
|
|
||||||
.check row:selected:focus:active {
|
|
||||||
background-image: url("assets/checkbox-checked.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:active:hover,
|
|
||||||
.check row:selected:active:hover,
|
|
||||||
.check row:selected:focus:active:hover {
|
|
||||||
background-image: url("assets/checkbox-checked-over.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:active:insensitive,
|
|
||||||
.check row:selected:active:insensitive,
|
|
||||||
.check row:selected:focus:active:insensitive {
|
|
||||||
background-image: url("assets/checkbox-checked-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:inconsistent,
|
|
||||||
.check row:selected:inconsistent,
|
|
||||||
.check row:selected:focus:inconsistent {
|
|
||||||
background-image: url("assets/checkbox-mixed.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:inconsistent:insensitive,
|
|
||||||
.check row:selected:inconsistent:insensitive,
|
|
||||||
.check row:selected:focus:inconsistent:insensitive {
|
|
||||||
background-image: url("assets/checkbox-mixed-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.radio,
|
|
||||||
.view.cell.radio {
|
|
||||||
background-image: url("assets/radio-unselected.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:insensitive {
|
|
||||||
background-image: url("assets/radio-unselected-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:hover {
|
|
||||||
background-image: url("assets/radio-unselected-over.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:active {
|
|
||||||
background-image: url("assets/radio-selected.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:active:hover {
|
|
||||||
background-image: url("assets/radio-selected-over.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:active:insensitive {
|
|
||||||
background-image: url("assets/radio-selected-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:inconsistent {
|
|
||||||
background-image: url("assets/radio-mixed.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:inconsistent:insensitive {
|
|
||||||
background-image: url("assets/radio-mixed-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
/********************************
|
|
||||||
* Touch text selection handles *
|
|
||||||
********************************
|
|
||||||
.cursor-handle.bottom {
|
|
||||||
background-image: url("assets/slider-horiz.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.cursor-handle.top {
|
|
||||||
background-image: url("assets/slider-horiz.png");
|
|
||||||
}*/
|
|
||||||
|
|
||||||
/******************
|
/******************
|
||||||
* window actions *
|
* window actions *
|
||||||
******************/
|
******************/
|
||||||
|
|
||||||
.titlebar .titlebutton.minimize {
|
.titlebutton.minimize {
|
||||||
color: transparent;
|
|
||||||
border-image: none;
|
|
||||||
box-shadow: none;
|
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-image: url("buttons/minimize-focused-normal.png");
|
background-image: url("buttons/icon-minimise.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.titlebar .titlebutton.minimize:backdrop {
|
.titlebutton.minimize:backdrop {
|
||||||
background-image: url("buttons/minimize-unfocused-normal.png");
|
}
|
||||||
color: transparent;
|
.titlebutton.minimize:checked {
|
||||||
}
|
}
|
||||||
|
|
||||||
/*.titlebar .titlebutton.minimize:hover,*/
|
.titlebutton.maximize {
|
||||||
.titlebar .titlebutton.minimize:active/*,
|
|
||||||
.titlebar .titlebutton.minimize:checked*/ {
|
|
||||||
color: transparent;
|
|
||||||
border-image: none;
|
|
||||||
box-shadow: none;
|
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-image: url("buttons/minimize-focused-pressed.png");
|
background-image: url("buttons/icon-maximise.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.titlebar .titlebutton.maximize {
|
.titlebutton.maximize:backdrop {
|
||||||
color: transparent;
|
|
||||||
border-image: none;
|
|
||||||
box-shadow: none;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-image: url("buttons/maximize-focused-normal.png");
|
|
||||||
}
|
}
|
||||||
|
.titlebutton.maximize:checked {
|
||||||
.titlebar .titlebutton.maximize:backdrop {
|
|
||||||
background-image: url("buttons/maximize-unfocused-normal.png");
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*.titlebar .titlebutton.maximize:hover,*/
|
|
||||||
.titlebar .titlebutton.maximize:active/*,
|
|
||||||
.titlebar .titlebutton.maximize:checked*/ {
|
|
||||||
color: transparent;
|
|
||||||
border-image: none;
|
|
||||||
box-shadow: none;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-image: url("buttons/maximize-focused-pressed.png");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.maximized .titlebutton.maximize {
|
.maximized .titlebutton.maximize {
|
||||||
background-image: url("buttons/restore-focused-normal.png");
|
background-image: url("buttons/icon-restore.png");
|
||||||
}
|
}
|
||||||
.maximized .titlebutton.maximize:active {
|
.maximized .titlebutton.maximize:active {
|
||||||
background-image: url("buttons/restore-focused-pressed.png");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.titlebar .titlebutton.close {
|
.titlebutton.close {
|
||||||
color: transparent;
|
|
||||||
border-image: none;
|
|
||||||
box-shadow: none;
|
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-image: url("buttons/close-focused-normal.png");
|
background-image: url("buttons/icon-close.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.titlebar .titlebutton.close:backdrop {
|
.titlebutton.close:backdrop {
|
||||||
background-image: url("buttons/close-unfocused-normal.png");
|
|
||||||
color: transparent;
|
|
||||||
}
|
}
|
||||||
|
.titlebutton.close:checked {
|
||||||
|
|
||||||
/*.titlebar .titlebutton.close:hover,*/
|
|
||||||
.titlebar .titlebutton.close:active/*,
|
|
||||||
.titlebar .titlebutton.close:checked*/ {
|
|
||||||
color: transparent;
|
|
||||||
border-image: none;
|
|
||||||
box-shadow: none;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-image: url("buttons/close-focused-pressed.png");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*********************************
|
|
||||||
* check and radio (gnome 3.18+) *
|
|
||||||
*********************************/
|
|
||||||
.check,
|
|
||||||
.check row:selected,
|
|
||||||
.check row:selected:focus {
|
|
||||||
-gtk-icon-source: url("assets/checkbox-unchecked.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:insensitive,
|
|
||||||
.check row:selected:insensitive,
|
|
||||||
.check row:selected:focus:insensitive {
|
|
||||||
-gtk-icon-source: url("assets/checkbox-unchecked-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:active, .check:checked,
|
|
||||||
.check row:selected:active, .check row:selected:checked,
|
|
||||||
.check row:selected:focus:active, .check row:selected:focus:checked {
|
|
||||||
-gtk-icon-source: url("assets/checkbox-checked.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:active:insensitive, .check:checked:insensitive,
|
|
||||||
.check row:selected:active:insensitive, .check row:selected:checked:insensitive,
|
|
||||||
.check row:selected:focus:active:insensitive, .check row:selected:focus:checked:insensitive {
|
|
||||||
-gtk-icon-source: url("assets/checkbox-checked-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.check:inconsistent,
|
|
||||||
.check row:selected:inconsistent,
|
|
||||||
.check row:selected:focus:inconsistent {
|
|
||||||
-gtk-icon-source: url("assets/checkbox-mixed.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:inconsistent:insensitive,
|
|
||||||
.check row:selected:inconsistent:insensitive,
|
|
||||||
.check row:selected:focus:inconsistent:insensitive {
|
|
||||||
-gtk-icon-source: url("assets/checkbox-mixed-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio,
|
|
||||||
.radio row:selected,
|
|
||||||
.radio row:selected:focus {
|
|
||||||
-gtk-icon-source: url("assets/radio-unselected.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:insensitive,
|
|
||||||
.radio row:selected:insensitive,
|
|
||||||
.radio row:selected:focus:insensitive {
|
|
||||||
-gtk-icon-source: url("assets/radio-unselected-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:active, .radio:checked,
|
|
||||||
.radio row:selected:active, .radio row:selected:checked,
|
|
||||||
.radio row:selected:focus:active, .radio row:selected:focus:checked {
|
|
||||||
-gtk-icon-source: url("assets/radio-selected.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:active:insensitive, .radio:checked:insensitive,
|
|
||||||
.radio row:selected:active:insensitive, .radio row:selected:checked:insensitive,
|
|
||||||
.radio row:selected:focus:active:insensitive, .radio row:selected:focus:checked:insensitive {
|
|
||||||
-gtk-icon-source: url("assets/radio-selected-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:inconsistent,
|
|
||||||
.radio row:selected:inconsistent,
|
|
||||||
.radio row:selected:focus:inconsistent {
|
|
||||||
-gtk-icon-source: url("assets/radio-mixed.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:inconsistent:insensitive,
|
|
||||||
.radio row:selected:inconsistent:insensitive,
|
|
||||||
.radio row:selected:focus:inconsistent:insensitive {
|
|
||||||
-gtk-icon-source: url("assets/radio-mixed-insensitive.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
/**************************
|
|
||||||
* menuitem check & radio *
|
|
||||||
**************************/
|
|
||||||
|
|
||||||
.menuitem.check {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-unchecked.png"));
|
|
||||||
color: @theme_fg_color;
|
|
||||||
icon-shadow: none;
|
|
||||||
}
|
|
||||||
.menuitem.check:active, .menuitem.check:checked {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked.png"));
|
|
||||||
}
|
|
||||||
.menuitem.check:inconsistent {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed.png"));
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.check:checked:hover {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked-selected.png"));
|
|
||||||
}
|
|
||||||
.menuitem.check:hover:inconsistent {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-selected.png"));
|
|
||||||
}
|
|
||||||
.menuitem.check:insensitive {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked-insensitive.png"));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Radio */
|
|
||||||
.menuitem.radio {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-unchecked.png"));
|
|
||||||
color: @theme_fg_color;
|
|
||||||
icon-shadow: none;
|
|
||||||
}
|
|
||||||
.menuitem.radio:active, .menuitem.radio:checked {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked.png"));
|
|
||||||
}
|
|
||||||
.menuitem.radio:inconsistent {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed.png"));
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.radio:inconsistent:hover {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-selected.png"));
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.radio:checked:hover {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked-selected.png"));
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.radio:insensitive:inconsistent {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-insensitive.png"));
|
|
||||||
}
|
|
||||||
.menuitem.radio:insensitive:checked {
|
|
||||||
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked-insensitive.png"));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Scroolbar Arrows */
|
/* Scroolbar Arrows */
|
||||||
.scrollbar.button.vertical.top {
|
.scrollbar.button.vertical.top {
|
||||||
-gtk-icon-source: url("assets/arrow-up.png");
|
-gtk-icon-source: url("assets/arrow-up.png");
|
||||||
@ -334,21 +59,21 @@
|
|||||||
-gtk-icon-source: url("assets/arrow-right.png");
|
-gtk-icon-source: url("assets/arrow-right.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.scrollbar.button.vertical.top:insensitive {
|
.scrollbar.button.vertical.top:disabled {
|
||||||
-gtk-icon-source: url("assets/arrow-up-insens.png");
|
-gtk-icon-source: url("assets/arrow-up-insens.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.scrollbar.button.vertical.bottom:insensitive {
|
.scrollbar.button.vertical.bottom:disabled {
|
||||||
-gtk-icon-source: url("assets/arrow-down-insens.png");
|
-gtk-icon-source: url("assets/arrow-down-insens.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.scrollbar.button.horizontal.left:insensitive {
|
.scrollbar.button.horizontal.left:disabled {
|
||||||
-gtk-icon-source: url("assets/arrow-left-insens.png");
|
-gtk-icon-source: url("assets/arrow-left-insens.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.scrollbar.button.horizontal.right:insensitive {
|
.scrollbar.button.horizontal.right:disabled {
|
||||||
-gtk-icon-source: url("assets/arrow-right-insens.png");
|
-gtk-icon-source: url("assets/arrow-right-insens.png");
|
||||||
}
|
}
|
||||||
/*
|
/*
|
||||||
@ -397,8 +122,8 @@
|
|||||||
background-image: url("assets/slider-above.png");
|
background-image: url("assets/slider-above.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.scale.scale-has-marks-above.slider.horizontal:insensitive,
|
.scale.scale-has-marks-above.slider.horizontal:disabled,
|
||||||
.scale.scale-has-marks-above.slider.horizontal:insensitive:hover {
|
.scale.scale-has-marks-above.slider.horizontal:disabled:hover {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: 0 0 0;
|
box-shadow: 0 0 0;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
@ -415,8 +140,8 @@
|
|||||||
background-image: url("assets/slider-left.png");
|
background-image: url("assets/slider-left.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.scale.scale-has-marks-above.slider.vertical:insensitive,
|
.scale.scale-has-marks-above.slider.vertical:disabled,
|
||||||
.scale.scale-has-marks-above.slider.vertical:insensitive:hover {
|
.scale.scale-has-marks-above.slider.vertical:disabled:hover {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: 0 0 0;
|
box-shadow: 0 0 0;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
@ -433,8 +158,8 @@
|
|||||||
background-image: url("assets/slider-below.png");
|
background-image: url("assets/slider-below.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.scale.scale-has-marks-below.slider.horizontal:insensitive,
|
.scale.scale-has-marks-below.slider.horizontal:disabled,
|
||||||
.scale.scale-has-marks-below.slider.horizontal:insensitive:hover {
|
.scale.scale-has-marks-below.slider.horizontal:disabled:hover {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: 0 0 0;
|
box-shadow: 0 0 0;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
@ -451,8 +176,8 @@
|
|||||||
background-image: url("assets/slider-right.png");
|
background-image: url("assets/slider-right.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.scale.scale-has-marks-below.slider.vertical:insensitive,
|
.scale.scale-has-marks-below.slider.vertical:disabled,
|
||||||
.scale.scale-has-marks-below.slider.vertical:insensitive:hover {
|
.scale.scale-has-marks-below.slider.vertical:disabled:hover {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: 0 0 0;
|
box-shadow: 0 0 0;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
@ -473,10 +198,10 @@
|
|||||||
-gtk-icon-source: url("assets/arrow-left-hover.png");
|
-gtk-icon-source: url("assets/arrow-left-hover.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu .menuitem .arrow:dir(ltr):insensitive {
|
.menu .menuitem .arrow:dir(ltr):disabled {
|
||||||
-gtk-icon-source: url("assets/arrow-right-insense.png");
|
-gtk-icon-source: url("assets/arrow-right-insense.png");
|
||||||
}
|
}
|
||||||
.menu .menuitem .arrow:dir(rtl):insensitive {
|
.menu .menuitem .arrow:dir(rtl):disabled {
|
||||||
-gtk-icon-source: url("assets/arrow-left-insense.png");
|
-gtk-icon-source: url("assets/arrow-left-insense.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -50,12 +50,6 @@ selection {
|
|||||||
color: @theme_selected_fg_color;
|
color: @theme_selected_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
flowbox rubberband, treeview.view rubberband, .content-view rubberband,
|
|
||||||
.rubberband, rubberband {
|
|
||||||
border: 1px dotted white;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
*:disabled,
|
*:disabled,
|
||||||
*:disabled:disabled {
|
*:disabled:disabled {
|
||||||
color: #808080;
|
color: #808080;
|
||||||
@ -65,7 +59,7 @@ flowbox rubberband, treeview.view rubberband, .content-view rubberband,
|
|||||||
|
|
||||||
*:focus {
|
*:focus {
|
||||||
outline: 1px dotted black;
|
outline: 1px dotted black;
|
||||||
-gtk-outline-radius: 0;
|
-gtk-outline-radius: 0px;
|
||||||
outline-offset: -3px;
|
outline-offset: -3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -123,6 +117,18 @@ frame, .frame {
|
|||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* frame always comes with a border element which is the one that should be decorated, but so far i found
|
||||||
|
* that decorating only the frame with sunken 2px is better */
|
||||||
|
|
||||||
|
frame > label {
|
||||||
|
margin-left: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
border.flat {
|
||||||
|
border-style: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
arrow {
|
arrow {
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||||
min-height: 12px;
|
min-height: 12px;
|
||||||
@ -146,6 +152,7 @@ arrow.left {
|
|||||||
color: alpha(currentColor, 0.7);
|
color: alpha(currentColor, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*****************
|
/*****************
|
||||||
* Basic Effects *
|
* Basic Effects *
|
||||||
*****************/
|
*****************/
|
||||||
@ -162,11 +169,11 @@ scrollbar button:active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Sunken 1px */
|
/* Sunken 1px */
|
||||||
|
toolbar button:selected, toolbar button:active,
|
||||||
levelbar trough,
|
levelbar trough,
|
||||||
progressbar trough,
|
progressbar trough,
|
||||||
menubar > menuitem:hover,
|
menubar > menuitem:hover,
|
||||||
menu > separator,
|
separator {
|
||||||
box > separator {
|
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-color: shade(white,0.5) shade(white,0.9) shade(white,0.9) shade(white,0.5);
|
border-color: shade(white,0.5) shade(white,0.9) shade(white,0.9) shade(white,0.5);
|
||||||
@ -196,6 +203,8 @@ check, radio {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Raised 1px */
|
/* Raised 1px */
|
||||||
|
toolbar button,
|
||||||
|
toolbar button:hover:not(:active),
|
||||||
menubar,
|
menubar,
|
||||||
toolbar,
|
toolbar,
|
||||||
stepper {
|
stepper {
|
||||||
@ -209,7 +218,6 @@ stepper {
|
|||||||
/* Raised 2px */
|
/* Raised 2px */
|
||||||
colorswatch,
|
colorswatch,
|
||||||
decoration,
|
decoration,
|
||||||
popover,
|
|
||||||
combobox > window,
|
combobox > window,
|
||||||
calendar.header,
|
calendar.header,
|
||||||
button, .button,
|
button, .button,
|
||||||
@ -229,7 +237,7 @@ notebook.frame {
|
|||||||
button:selected, button:active, button:checked,
|
button:selected, button:active, button:checked,
|
||||||
slider:disabled,
|
slider:disabled,
|
||||||
trough,
|
trough,
|
||||||
paned separator {
|
paned > separator {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, black);
|
background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, black);
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
@ -258,6 +266,7 @@ switch slider,
|
|||||||
scrollbar button,
|
scrollbar button,
|
||||||
scrollbar slider,
|
scrollbar slider,
|
||||||
combobox button,
|
combobox button,
|
||||||
|
toolbar button,
|
||||||
spinbutton button,
|
spinbutton button,
|
||||||
header button {
|
header button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
@ -270,9 +279,12 @@ scrollbar button:checked,
|
|||||||
scrollbar button:active,
|
scrollbar button:active,
|
||||||
scrollbar slider:checked,
|
scrollbar slider:checked,
|
||||||
scrollbar slider:active {
|
scrollbar slider:active {
|
||||||
padding: 2px;
|
padding: 2px; /*3px 1px 1px 3px;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
toolbar button:active,
|
||||||
|
toolbar button:checked,
|
||||||
switch slider:active,
|
switch slider:active,
|
||||||
switch slider:checked,
|
switch slider:checked,
|
||||||
combobox button:checked,
|
combobox button:checked,
|
||||||
@ -370,6 +382,7 @@ iconview {
|
|||||||
-GdMainIconView-icon-size: 48;
|
-GdMainIconView-icon-size: 48;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*********************
|
/*********************
|
||||||
* list cell and row *
|
* list cell and row *
|
||||||
*********************/
|
*********************/
|
||||||
@ -408,13 +421,23 @@ list > separator {
|
|||||||
*************/
|
*************/
|
||||||
|
|
||||||
separator {
|
separator {
|
||||||
border: 0px;
|
|
||||||
min-width: 0px;
|
min-width: 0px;
|
||||||
min-height: 0px;
|
min-height: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*.horizontal separator {
|
||||||
|
margin-top: 4px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
*.vertical separator {
|
||||||
|
margin-left: 4px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
/* MUST KEEP min-width and min-height above zero, or else a default value of 4px is used! */
|
/* MUST KEEP min-width and min-height above zero, or else a default value of 4px is used! */
|
||||||
paned separator {
|
paned > separator {
|
||||||
|
border: 0px;
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
-gtk-icon-source: none;
|
-gtk-icon-source: none;
|
||||||
@ -430,7 +453,7 @@ paned.horizontal > separator {
|
|||||||
padding-right: 1px;
|
padding-right: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
toolbar separator {
|
toolbar > separator {
|
||||||
margin: 0px 2px 0px 2px;
|
margin: 0px 2px 0px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -494,6 +517,16 @@ combobox > box > button {
|
|||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
combobox button {
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
combobox entry{
|
||||||
|
margin-right: -24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/*************
|
/*************
|
||||||
* scrollbar *
|
* scrollbar *
|
||||||
*************/
|
*************/
|
||||||
@ -758,15 +791,15 @@ menuitem > label {
|
|||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
menuitem .entry {
|
menuitem entry {
|
||||||
border-color: shade(@bg_color, 0.6);
|
border-color: shade(@bg_color, 0.6);
|
||||||
background-color: @menu_bg_color;
|
background-color: @menu_bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @menu_fg_color;
|
color: @menu_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
menuitem .entry:active,
|
menuitem entry:active,
|
||||||
menuitem .entry:focus {
|
menuitem entry:focus {
|
||||||
border-color: shade(@selected_bg_color, 0.6);
|
border-color: shade(@selected_bg_color, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -913,6 +946,7 @@ levelbar.vertical trough,
|
|||||||
progressbar.vertical trough,
|
progressbar.vertical trough,
|
||||||
progressbar.vertical progress {
|
progressbar.vertical progress {
|
||||||
min-width: 14px;
|
min-width: 14px;
|
||||||
|
min-height: 40px; /* vertical progressbar is squished in awf... */
|
||||||
}
|
}
|
||||||
|
|
||||||
levelbar block,
|
levelbar block,
|
||||||
@ -1048,650 +1082,110 @@ colorswatch:selected {
|
|||||||
* header-bar *
|
* header-bar *
|
||||||
**************/
|
**************/
|
||||||
|
|
||||||
.header-bar {
|
headerbar .title {
|
||||||
padding: 6px;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: transparent;
|
|
||||||
background-color: @bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @titlebar_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-bar .button.text-button {
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-bar .button.image-button {
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-bar .title {
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-bar .subtitle {
|
headerbar .subtitle {
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
.header-bar GtkComboBox,
|
|
||||||
.header-bar .button {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header-bar .button:active:hover,
|
|
||||||
.header-bar .button:active {
|
|
||||||
outline-width 1px;
|
|
||||||
outline-offset 1px;
|
|
||||||
|
|
||||||
padding: 4px;
|
|
||||||
padding-top: 6px;
|
|
||||||
padding-left: 6px;
|
|
||||||
border-top: 1px solid black;
|
|
||||||
border-left: 1px solid black;
|
|
||||||
border-right: 1px solid white;
|
|
||||||
border-bottom: 1px solid white;
|
|
||||||
border-radius: 0;
|
|
||||||
box-shadow: inset 1px 1px 0px 0px #808080;
|
|
||||||
background-color: #c0c0c0;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header-bar .button:focus,
|
|
||||||
.header-bar .button:hover:focus,
|
|
||||||
.header-bar .button:active:focus,
|
|
||||||
.header-bar .button:active:hover:focus {
|
|
||||||
border-color: shade(@titlebar_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-bar .button:disabled {
|
|
||||||
border-color: shade(@titlebar_bg_color, 0.85);
|
|
||||||
background-color: shade(@titlebar_bg_color, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-bar .button:active *:disabled {
|
|
||||||
border-color: shade(@titlebar_bg_color, 0.75);
|
|
||||||
background-color: shade(@titlebar_bg_color, 0.80);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-bar .entry {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: shade(@bg_color, 0.6);
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-bar .entry:active,
|
|
||||||
.header-bar .entry:focus {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: shade(@selected_bg_color, 0.6);
|
|
||||||
} */
|
|
||||||
|
|
||||||
|
|
||||||
/***********
|
/***********
|
||||||
* toolbar *
|
* toolbar *
|
||||||
***********/
|
***********/
|
||||||
|
|
||||||
toolbar, .toolbar {
|
toolbar {
|
||||||
|
-GtkWidget-window-dragging: true;
|
||||||
|
padding: 4px;
|
||||||
border-left: 0px;
|
border-left: 0px;
|
||||||
border-right: 0px;
|
border-right: 0px;
|
||||||
padding: 1px;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbar .button {
|
toolbar button {
|
||||||
padding: 3px;
|
margin-left: 2px;
|
||||||
|
margin-right: 2px;
|
||||||
|
border-color: transparent; /* invisible button */
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbar .button.text-button {
|
|
||||||
/* padding: 2px 4px;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbar .button.image-button {
|
|
||||||
/*padding: 4px 3px 3px 4px; */
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
.toolbar:disabled {
|
|
||||||
background-color: shade(@toolbar_bg_color, 0.9);
|
|
||||||
color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.5);
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
/* menubar toolbars */
|
|
||||||
.toolbar.menubar {
|
|
||||||
-GtkToolbar-button-relief: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*******************
|
/*******************
|
||||||
* primary-toolbar *
|
* tooltip popover *
|
||||||
*******************/
|
*******************/
|
||||||
.primary-toolbar,
|
|
||||||
.primary-toolbar .toolbar,
|
|
||||||
.primary-toolbar.toolbar {
|
|
||||||
-GtkWidget-window-dragging: true;
|
|
||||||
|
|
||||||
padding: 4px;
|
tooltip decoration {
|
||||||
background-color: @toolbar_bg_color;
|
border: 0px;
|
||||||
background-image: none;
|
|
||||||
color: @toolbar_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-toolbar GtkComboBox,
|
|
||||||
.primary-toolbar .button {
|
|
||||||
padding: 1px;
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
color: @toolbar_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-toolbar .raised .button,
|
|
||||||
.primary-toolbar .raised.button,
|
|
||||||
.toolbar GtkComboBox,
|
|
||||||
.toolbar .button {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.primary-toolbar .button:active,
|
|
||||||
.toolbar .button:active {
|
|
||||||
/* background-image: none; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-toolbar .button:checked {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-toolbar .button:active:hover,
|
|
||||||
.toolbar .button:active:hover {
|
|
||||||
/* background-color: none; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-toolbar .button:focus,
|
|
||||||
.primary-toolbar .button:hover:focus,
|
|
||||||
.primary-toolbar .button:active:focus,
|
|
||||||
.primary-toolbar .button:active:hover:focus,
|
|
||||||
.toolbar .button:focus,
|
|
||||||
.toolbar .button:hover:focus,
|
|
||||||
.toolbar .button:active:focus,
|
|
||||||
.toolbar .button:active:hover:focus {
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-toolbar .button:disabled,
|
|
||||||
.toolbar .button:disabled {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-toolbar .button:active *:disabled,
|
|
||||||
.toolbar .button:active *:disabled {
|
|
||||||
border-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-toolbar .entry,
|
|
||||||
.toolbar .entry {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: #c0c0c0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-toolbar .entry:active,
|
|
||||||
.primary-toolbar .entry:focus,
|
|
||||||
.toolbar .entry:active,
|
|
||||||
.toolbar .entry:focus {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: #c0c0c0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* inline-toolbar
|
|
||||||
.inline-toolbar.toolbar {
|
|
||||||
-GtkToolbar-button-relief: normal;
|
|
||||||
|
|
||||||
padding: 1px;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inline-toolbar.toolbar:last-child {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inline-toolbar.toolbar .button {
|
|
||||||
padding: 1px;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: shade(@theme_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inline-toolbar.toolbar .button:hover {
|
|
||||||
border-color: shade(@theme_bg_color, 0.7);
|
|
||||||
background-color: shade(@theme_bg_color, 1.10);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inline-toolbar.toolbar .button:active {
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
background-color: shade(@theme_bg_color, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inline-toolbar.toolbar .button:active:hover {
|
|
||||||
border-color: shade(@theme_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.inline-toolbar.toolbar .button:focus,
|
|
||||||
.inline-toolbar.toolbar .button:hover:focus,
|
|
||||||
.inline-toolbar.toolbar .button:active:focus,
|
|
||||||
.inline-toolbar.toolbar .button:active:hover:focus {
|
|
||||||
border-color: shade(@theme_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.inline-toolbar.toolbar .button:disabled,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton .button:disabled {
|
|
||||||
border-color: shade(@theme_bg_color, 0.85);
|
|
||||||
background-color: shade(@theme_bg_color, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inline-toolbar.toolbar .button:active *:disabled
|
|
||||||
.inline-toolbar.toolbar GtkToolButton .button:active *:disabled {
|
|
||||||
border-color: shade(@theme_bg_color, 0.75);
|
|
||||||
background-color: shade(@theme_bg_color, 0.80);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
/******************
|
|
||||||
* linked buttons *
|
|
||||||
*****************/
|
|
||||||
/* set up shadows for visual separation */
|
|
||||||
|
|
||||||
/* Deleted this whole section. Linked buttons weren't a thing in '95 */
|
|
||||||
|
|
||||||
/***********
|
|
||||||
* tooltip *
|
|
||||||
***********/
|
|
||||||
.tooltip
|
|
||||||
{
|
|
||||||
border-width: 3px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: #000;
|
|
||||||
border-radius: 0px;
|
|
||||||
background-color: @theme_tooltip_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
popover {
|
||||||
|
padding: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.floating-bar,
|
||||||
|
popover,
|
||||||
|
popover.background,
|
||||||
|
tooltip.background,
|
||||||
|
tooltip {
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
border: 1px solid black;
|
||||||
|
background-color: @theme_tooltip_bg_color;
|
||||||
|
color: @theme_tooltip_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
tooltip * {
|
||||||
|
background-color: @theme_tooltip_bg_color;
|
||||||
color: @theme_tooltip_fg_color;
|
color: @theme_tooltip_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.tooltip * {
|
/************************
|
||||||
background-color: @theme_tooltip_bg_color;
|
* overshoot undershoot *
|
||||||
|
************************/
|
||||||
|
|
||||||
|
/* get rid of these frekin overshoots, this isen't a phone! */
|
||||||
|
overshoot, undershoot {
|
||||||
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**************
|
|
||||||
* action-bar *
|
|
||||||
**************/
|
|
||||||
.action-bar {
|
|
||||||
padding: 4px;
|
|
||||||
border-width: 1px 0 0 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.action-bar .button.text-button {
|
|
||||||
padding: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.action-bar .button.image-button {
|
|
||||||
padding: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.action-bar .title {
|
|
||||||
font-weight: bold;
|
|
||||||
padding: 0 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.action-bar .subtitle {
|
|
||||||
font-size: smaller;
|
|
||||||
padding: 0 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/***************
|
|
||||||
* search bars *
|
|
||||||
***************/
|
|
||||||
.search-bar {
|
|
||||||
/*background-color: ;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-bar .button.close-button {
|
|
||||||
padding: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/********************
|
|
||||||
* various choosers *
|
|
||||||
********************/
|
|
||||||
GtkFontButton .separator,
|
|
||||||
GtkFileChooserButton .separator {
|
|
||||||
/* always disable separators */
|
|
||||||
-GtkWidget-horizontal-separator: 0;
|
|
||||||
-GtkWidget-vertical-separator: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
GtkFontButton GtkLabel:last-child {
|
|
||||||
color: alpha(currentColor, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
GtkFileChooserButton GtkImage:last-child {
|
|
||||||
color: alpha(currentColor, 0.7);
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*********************
|
|
||||||
* app notifications *
|
|
||||||
*********************/
|
|
||||||
.app-notification {
|
|
||||||
border-style: solid;
|
|
||||||
border-color: #c0c0c0 #000 #000 #c0c0c0;
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 0;
|
|
||||||
padding: 8px;
|
|
||||||
background-color: @bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_text_color;
|
|
||||||
box-shadow: inset 1px 1px #FFF, inset -1px -1px #808080;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*******
|
/*******
|
||||||
* osd *
|
* osd *
|
||||||
*******/
|
*******/
|
||||||
|
|
||||||
.background.osd {
|
.background.osd {
|
||||||
color: @osd_fg;
|
color: @osd_fg;
|
||||||
background-color: @osd_bg;
|
background-color: @osd_bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkOverlay.osd {
|
overlay.osd {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.osd.frame {
|
.osd.frame {
|
||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
background-origin: border-box;
|
background-origin: border-box;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
.osd.button,
|
|
||||||
.osd .button {
|
|
||||||
|
|
||||||
|
/********************
|
||||||
|
* app notification *
|
||||||
|
********************/
|
||||||
|
|
||||||
|
.app-notification {
|
||||||
|
background-color: @base_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.osd.button:hover,
|
|
||||||
.osd.button:hover,
|
|
||||||
.osd .button:hover {
|
|
||||||
border-color: shade(@osd_bg, 0.7);
|
|
||||||
background-color: shade(@osd_bg, 1.10);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.button:active,
|
|
||||||
.osd .button:active,
|
|
||||||
.osd GtkMenuButton.button:active {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.button:active:hover,
|
|
||||||
.osd .button:active:hover,
|
|
||||||
.osd GtkMenuButton.button:active:hover {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.button:disabled,
|
|
||||||
.osd .button:disabled {
|
|
||||||
border-color: shade(@osd_bg, 0.85);
|
|
||||||
background-color: shade(@osd_bg, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.button:active *:disabled,
|
|
||||||
.osd .button:active *:disabled {
|
|
||||||
background-color: shade(@osd_bg, 0.80);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar {
|
|
||||||
-GtkToolbar-button-relief: normal;
|
|
||||||
|
|
||||||
padding: 4px;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-radius: 0px;
|
|
||||||
border-color: shade(@osd_bg, 0.8);
|
|
||||||
background-color: @osd_bg;
|
|
||||||
background-image: none;
|
|
||||||
color: @osd_fg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button {
|
|
||||||
padding: 4px;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@osd_bg, 0.8);
|
|
||||||
border-radius: 0px;
|
|
||||||
background-color: shade(@osd_bg, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @osd_fg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button:hover {
|
|
||||||
border-color: shade(@osd_bg, 0.7);
|
|
||||||
background-color: shade(@osd_bg, 1.10);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button:active {
|
|
||||||
border-color: shade(@osd_bg, 0.8);
|
|
||||||
background-color: shade(@osd_bg, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button:active:hover {
|
|
||||||
border-color: shade(@osd_bg, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button:focus,
|
|
||||||
.osd.toolbar .button:hover:focus,
|
|
||||||
.osd.toolbar .button:active:focus,
|
|
||||||
.osd.toolbar .button:active:hover:focus {
|
|
||||||
border-color: shade(@osd_bg, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button:disabled {
|
|
||||||
border-color: shade(@osd_bg, 0.85);
|
|
||||||
background-color: shade(@osd_bg, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button:active *:disabled {
|
|
||||||
border-color: shade(@osd_bg, 0.75);
|
|
||||||
background-color: shade(@osd_bg, 0.80);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button:first-child {
|
|
||||||
border-radius: 0px 0 0 0px;
|
|
||||||
border-width: 1px 0 1px 1px;
|
|
||||||
box-shadow: inset -1px 0 shade(@osd_bg, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button:last-child {
|
|
||||||
box-shadow: none;
|
|
||||||
border-radius: 0 0px 0px 0;
|
|
||||||
border-width: 1px 1px 1px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .button:only-child,
|
|
||||||
.osd.toolbar GtkToolButton .button,
|
|
||||||
.osd.toolbar GtkToolButton:only-child .button,
|
|
||||||
.osd.toolbar GtkToolButton:last-child .button,
|
|
||||||
.osd.toolbar GtkToolButton:first-child .button {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 0px;
|
|
||||||
border-style: solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd.toolbar .separator {
|
|
||||||
color: shade(@osd_bg, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
used by gnome-settings-daemon's media-keys OSD */
|
|
||||||
.osd.trough {
|
|
||||||
background-color: shade(@osd_bg, 0.8);
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
|
|
||||||
.osd.progressbar {
|
|
||||||
background-color: @osd_fg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scale.slider {
|
|
||||||
background-color: shade(@osd_bg, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
we will draw the border using box shadow for now
|
|
||||||
box-shadow: inset 1px 0 shade(@osd_bg, 0.8),
|
|
||||||
inset 0 1px shade(@osd_bg, 0.8),
|
|
||||||
inset -1px 0 shade(@osd_bg, 0.8),
|
|
||||||
inset 0 -1px shade(@osd_bg, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scale.slider:hover {
|
|
||||||
box-shadow: inset 1px 0 shade(@osd_bg, 0.7),
|
|
||||||
inset 0 1px shade(@osd_bg, 0.7),
|
|
||||||
inset -1px 0 shade(@osd_bg, 0.7),
|
|
||||||
inset 0 -1px shade(@osd_bg, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scale.slider:disabled {
|
|
||||||
background-color: shade(@osd_bg, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
box-shadow: inset 1px 0 shade(@osd_bg, 0.85),
|
|
||||||
inset 0 1px shade(@osd_bg, 0.85),
|
|
||||||
inset -1px 0 shade(@osd_bg, 0.85),
|
|
||||||
inset 0 -1px shade(@osd_bg, 0.85);
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scale.trough {
|
|
||||||
border-color: shade(@osd_bg, 0.8);
|
|
||||||
background-color: shade(@osd_bg, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scale.trough.highlight {
|
|
||||||
border-color: @theme_selected_bg_color;
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scale.trough:disabled,
|
|
||||||
.osd .scale.trough.highlight:disabled {
|
|
||||||
border-color: shade(@osd_bg, 0.85);
|
|
||||||
background-color: shade(@osd_bg, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd GtkProgressBar,
|
|
||||||
GtkProgressBar.osd {
|
|
||||||
-GtkProgressBar-xspacing: 0;
|
|
||||||
-GtkProgressBar-yspacing: 2px;
|
|
||||||
-GtkProgressBar-min-horizontal-bar-height: 2px;
|
|
||||||
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd GtkProgressBar.trough,
|
|
||||||
GtkProgressBar.osd.trough {
|
|
||||||
padding: 0;
|
|
||||||
border-style: none;
|
|
||||||
border-radius: 0;
|
|
||||||
background-image: none;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd GtkProgressBar.progressbar,
|
|
||||||
GtkProgressBar.osd.progressbar {
|
|
||||||
border-style: none;
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: @progressbar_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .view,
|
|
||||||
.osd.view {
|
|
||||||
background-color: @osd_base;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scrollbar.trough {
|
|
||||||
background-color: @osd_bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scrollbar.slider {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21);
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: mix(@osd_base, @osd_fg, 0.21);
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scrollbar.slider:hover {
|
|
||||||
border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31);
|
|
||||||
background-color: mix(@osd_base, @osd_fg, 0.31);
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd .scrollbar.slider:active {
|
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osd GtkIconView.cell:selected,
|
|
||||||
.osd GtkIconView.cell:selected:focus {
|
|
||||||
background-color: transparent;
|
|
||||||
border-style: solid;
|
|
||||||
border-radius: 0px;
|
|
||||||
border-width: 3px;
|
|
||||||
border-color: @osd_fg;
|
|
||||||
outline-color: transparent;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
/* used by Documents */
|
|
||||||
.osd .page-thumbnail {
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: shade(@osd_bg, 0.9);
|
|
||||||
/* when there's no pixbuf yet */
|
|
||||||
background-color: @osd_bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************
|
/******************************
|
||||||
* destructive action buttons *
|
* destructive action buttons *
|
||||||
******************************/
|
******************************/
|
||||||
|
|
||||||
.destructive-action.button {
|
.destructive-action.button {
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
background-color: @error_color;
|
background-color: @error_color;
|
||||||
@ -1843,3 +1337,12 @@ window.csd tooltip {
|
|||||||
border: 0 none black;
|
border: 0 none black;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* declaration of .view was causing problems with white background rubberband in nautilus, putting this here for now */
|
||||||
|
flowbox rubberband, treeview.view rubberband, .content-view rubberband,
|
||||||
|
.rubberband, rubberband {
|
||||||
|
border: 1px solid black;
|
||||||
|
background-color: transparent;
|
||||||
|
/* box-shadow: inset 1px 1px 0px 0px black,
|
||||||
|
inset -1px -1px 0px 0px black; */
|
||||||
|
}
|
||||||
|
|||||||
@ -13,6 +13,8 @@
|
|||||||
@define-color text_color #000000;
|
@define-color text_color #000000;
|
||||||
@define-color selected_bg_color #000080;
|
@define-color selected_bg_color #000080;
|
||||||
@define-color selected_fg_color #ffffff;
|
@define-color selected_fg_color #ffffff;
|
||||||
|
@define-color selected_inactive_bg_color #808080;
|
||||||
|
@define-color selected_inactive_fg_color #000000;
|
||||||
@define-color tooltip_bg_color #ffffBf;
|
@define-color tooltip_bg_color #ffffBf;
|
||||||
@define-color tooltip_fg_color #000000;
|
@define-color tooltip_fg_color #000000;
|
||||||
|
|
||||||
@ -98,8 +100,8 @@
|
|||||||
|
|
||||||
/* @import url("apps/gnome-applications.css");
|
/* @import url("apps/gnome-applications.css");
|
||||||
@import url("apps/granite-widgets.css");
|
@import url("apps/granite-widgets.css");
|
||||||
@import url("apps/unity.css"); */
|
@import url("apps/unity.css");
|
||||||
@import url("apps/xfce.css");
|
@import url("apps/xfce.css");
|
||||||
/* @import url("apps/nemo.css"); */
|
@import url("apps/nemo.css");
|
||||||
@import url("apps/synaptic.css");
|
@import url("apps/synaptic.css");
|
||||||
@import url("apps/lightdm-gtk-greeter.css");
|
@import url("apps/lightdm-gtk-greeter.css"); */
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user