diff options
Diffstat (limited to 'Kogaion-daylight/gtk-3.0/gtk-widgets.css')
| -rw-r--r-- | Kogaion-daylight/gtk-3.0/gtk-widgets.css | 3548 |
1 files changed, 3548 insertions, 0 deletions
diff --git a/Kogaion-daylight/gtk-3.0/gtk-widgets.css b/Kogaion-daylight/gtk-3.0/gtk-widgets.css new file mode 100644 index 0000000..973b244 --- /dev/null +++ b/Kogaion-daylight/gtk-3.0/gtk-widgets.css @@ -0,0 +1,3548 @@ +/* NOTES to contributors: + * use 4 spaces indents, and keep code ALIGNED and ORDERED */ + +/* default */ +* { + -GtkArrow-arrow-scaling: 0.5; + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + -GtkButton-default-border: 0; + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 1; + -GtkButton-interior-focus: true; + -GtkButtonBox-child-min-height: 24; + -GtkButtonBox-child-internal-pad-y: 1; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 14; + -GtkExpander-expander-size: 8; + -GtkHTML-link-color: @link_color; + -GtkIMHtml-hyperlink-color: @link_color; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkPaned-handle-size: 4; + -GtkProgressBar-min-horizontal-bar-height: 12; + -GtkProgressBar-min-vertical-bar-width: 12; + -GtkRange-slider-width: 12; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 0; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 80; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkStatusbar-shadow-type: none; + -GtkTextView-error-underline-color: @error_color; + -GtkToolButton-icon-spacing: 6; + -GtkToolItemGroup-expander-size: 8; + -GtkTreeView-expander-size: 8; + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 0; + -GtkWidget-link-color: @link_color; + -GtkWidget-visited-link-color: @link_color; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + background-clip: padding-box; + + outline-color: alpha(@theme_selected_bg_color, 0.5); + outline-style: solid; + outline-offset: 0; +} + +/*************** + * base states * + ***************/ +.background { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +*:selected, +*:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +*:insensitive, +*:insensitive:insensitive { + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +/* apply effects to insensitive and prelit images */ +*:insensitive { + -gtk-image-effect: dim; +} + +*:hover { + -gtk-image-effect: highlight; +} + +.gtkstyle-fallback { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +.gtkstyle-fallback:prelight { + background-color: shade(@theme_bg_color, 1.1); + color: @theme_fg_color; +} + +.gtkstyle-fallback:active { + background-color: shade(@theme_bg_color, 0.9); + color: @theme_fg_color; +} + +.gtkstyle-fallback:insensitive { + background-color: shade(shade(@theme_bg_color, 0.95), 1.05); + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +GtkImage, +GtkImage:insensitive, +GtkLabel, +GtkLabel:insensitive, +GtkBox, +GtkBox:insensitive, +GtkGrid, +GtkGrid:insensitive { + background-color: transparent; +} + +/****************** + * visual effects * + ******************/ +/* transitions */ +.button { + transition: border 100ms ease-in-out; +} + +.entry { + transition: border 100ms ease-out; +} + +.entry:focus { + transition: border 100ms ease-in; +} + +.entry.image.left { + padding-right: 4px; +} + +.notebook tab GtkLabel, +.notebook .prelight-page, +.notebook .prelight-page GtkLabel, +.notebook .active-page, +.notebook .active-page GtkLabel { + transition: all 200ms ease-in; +} + +/* inset shadows */ +.button:active, +.primary-toolbar .button:active, +.toolbar .button:active, +.header-bar .button:active, +.notebook.header { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +.entry { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10), + inset 0 1px alpha(@dark_shadow, 0.12), + inset -1px 0 alpha(@dark_shadow, 0.10), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +/* disable inset shadow */ +.button:active *:insensitive, +.primary-toolbar .button:active *:insensitive, +.toolbar .button:active *:insensitive, +.header-bar .button:active *:insensitive, +.entry:insensitive { + box-shadow: none; +} + +/************* + * assistant * + *************/ +GtkAssistant .sidebar .highlight { + font: bold; +} + +GtkAssistant .sidebar { + padding: 4px; + border-width: 0 1px 0 0; + border-style: solid; + border-right-color: shade(@theme_bg_color, 0.8); + border-radius: 0; + background-color: @theme_bg_color; + color: mix(@theme_fg_color, @theme_bg_color, 0.1); +} + +/********** + * button * + **********/ +.button { + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + padding: 3px; + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 1.08); + background-image: none; + color: @theme_fg_color; +} + +.button:hover { + border-color: shade(@theme_bg_color, 0.7); + background-color: shade(@theme_bg_color, 1.10); + background-image: none; +} + +.button:active { + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 0.95); + background-image: none; +} + +.button:active:hover { + border-color: shade(@theme_bg_color, 0.7); +} + +.button:focus, +.button:hover:focus, +.button:active:focus, +.button:active:hover:focus { + border-color: shade(@theme_bg_color, 0.7); +} + +.button:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +.button:active *:insensitive { + border-color: shade(@theme_bg_color, 0.75); + background-color: shade(@theme_bg_color, 0.80); + background-image: none; +} + +/* default button */ +.button.default { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 1.08); + color: @theme_selected_fg_color; +} + +.button.default:hover { + border-color: shade(@theme_selected_bg_color, 0.7); + background-color: @theme_selected_bg_color; +} + +.button.default:active { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 0.95); +} + +.button.default:active:hover { + border-color: shade(@theme_selected_bg_color, 0.7); + background-color: shade(@theme_selected_bg_color, 0.97); +} + +/**************** + * cell and row * + ****************/ +.cell { + border-width: 0; + border-radius: 0; +} + +.cell:selected, +.cell:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +row:selected, +row:selected:hover, +row:selected:focus { + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + border-width: 1px 0; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +/******************* + * check and radio * + *******************/ +.check, +.radio, +.check:insensitive, +.radio:insensitive { + border-style: none; + background-color: transparent; +} + +GtkCheckButton:hover, +GtkCheckButton:active:hover, +GtkCheckButton:selected, +GtkCheckButton:selected:focus { + background-color: transparent; +} + +/***************** + * column-header * + *****************/ +column-header .button, +column-header .button:active { + border-width: 0 1px 1px 0; + border-radius: 0; +} + +column-header .button, +column-header .button:active, +column-header .button:focus, +column-header .button:active:focus { + border-color: shade(@theme_base_color, 0.9); + border-bottom-color: shade(@theme_base_color, 0.8); + background-color: shade(@theme_base_color, 0.97); + background-image: none; +} + +column-header .button:hover, +column-header .button:active:hover, +column-header .button:hover:focus, +column-header .button:active:hover:focus { + border-color: shade(@theme_base_color, 0.9); + border-bottom-color: shade(@theme_base_color, 0.8); + background-color: shade(@theme_base_color, 0.99); + background-image: none; +} + +column-header:last-child .button { + border-width: 0 0 1px 0; +} + +/**************** + * content view * + ****************/ +.content-view.view { + background-color: @theme_base_color; +} + +.content-view.view:prelight { + background-color: alpha(@theme_selected_bg_color, 0.6); +} + +.content-view.view:selected, +.content-view.view:active { + background-color: @theme_selected_bg_color; +} + +.content-view.view:insensitive { + background-color: shade(@theme_base_color, 0.9); +} + +GdMainIconView.content-view { + -GdMainIconView-icon-size: 40; +} + +GtkIconView.content-view.check { + background-color: transparent; +} + +GtkIconView.content-view.check:active { + background-color: transparent; +} + +.content-view.view.check, +.content-view.view.check:active { + background-color: transparent; +} + +GtkIconView.content-view.check:prelight, +GtkIconView.content-view.check:insensitive, +GtkIconView.content-view.check:selected { + background-color: transparent; +} + +/**************** + * drawing area * + ****************/ +GtkDrawingArea { + background-color: @theme_base_color; +} + +GtkDrawingArea:insensitive { + background-color: shade(@theme_base_color, 0.9); +} + +/*********** + * gtkhtml * + ***********/ +GtkHTML { + background-color: @theme_base_color; + color: @theme_text_color; +} + +/*********** +* calendar * +************/ +GtkCalendar { + padding: 4px; +} + +GtkCalendar:inconsistent { + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +GtkCalendar.view, +GtkCalendar.header, +GtkCalendar.button, +GtkCalendar.button:hover, +GtkCalendar.button:insensitive { + border-width: 0; + background-color: transparent; + background-image: none; +} + +.highlight, +GtkCalendar.highlight { + border-width: 0; + background-color: transparent; + color: @theme_selected_bg_color; +} + +/****************** + * combobox entry * + ******************/ +.primary-toolbar GtkComboBox.combobox-entry .entry, +.primary-toolbar GtkComboBox.combobox-entry .entry:active, +.primary-toolbar GtkComboBox.combobox-entry .entry:focus, +.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, +GtkComboBox.combobox-entry .entry, +GtkComboBox.combobox-entry .entry:active, +GtkComboBox.combobox-entry .entry:focus, +GtkComboBox.combobox-entry .entry:insensitive { + border-width: 1px 0 1px 1px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.primary-toolbar GtkComboBox.combobox-entry .button, +.primary-toolbar GtkComboBox.combobox-entry .button:hover, +.primary-toolbar GtkComboBox.combobox-entry .button:active, +.primary-toolbar GtkComboBox.combobox-entry .button:insensitive, +GtkComboBox.combobox-entry .button, +GtkComboBox.combobox-entry .button:hover, +GtkComboBox.combobox-entry .button:active, +GtkComboBox.combobox-entry .button:insensitive { + border-width: 1px 1px 1px 1px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/********* + * entry * + *********/ +.entry { + padding: 4px 3px; + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 2px; + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +.entry:active, +.entry:focus { + border-color: shade(@theme_bg_color, 0.7); +} + +.entry:selected, +.entry:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +.entry:insensitive { + background-color: shade(@theme_bg_color, 0.95); + background-image: none; + color: mix(@theme_text_color, @theme_base_color, 0.5); +} + +.entry.progressbar { + border-width: 0; + border-radius: 2px; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +/************ + * expander * + ************/ +.expander { + color: alpha(currentColor, 0.7); + border: alpha(currentColor, 0.7); +} + +.expander:hover { + color: alpha(currentColor, 0.8); + border-color: alpha(currentColor, 0.8); +} + +.expander:active { + color: alpha(currentColor, 0.9); + border-color: alpha(currentColor, 0.9); +} + +/************** + * list boxes * + **************/ +.list { + background-color: shade(@theme_bg_color, 0.97); + color: @theme_fg_color; +} + +.list-row:hover { + background-color: shade(@theme_bg_color, 1.02); +} + +.list-row:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/********* + * frame * + *********/ +.frame { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 0; +} + +/******************* + * scrolled window * + *******************/ +GtkScrolledWindow.frame { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 0; +} + +/* avoid double borders when a viewport is + * packed into a GtkScrolledWindow */ +GtkScrolledWindow GtkViewport.frame { + border-style: none; +} + +/************ + * iconview * + ************/ +GtkIconView.view.cell:selected, +GtkIconView.view.cell:selected:focus { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + border-radius: 2px; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +.content-view.view.rubberband, +.view.rubberband, +.rubberband { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + border-radius: 0; + background-color: alpha(@theme_selected_bg_color, 0.3); +} + +/*********** + * infobar * + ***********/ +GtkInfoBar { + border-width: 0; + border-style: none; +} + +.info { + border-width: 1px; + border-style: solid; + border-color: shade(@info_bg_color, 0.8); + background-color: @info_bg_color; + background-image: none; + color: @info_fg_color; +} + +.info .button { + border-top-color: shade(@info_bg_color, 0.8); + border-right-color: shade(@info_bg_color, 0.72); + border-left-color: shade(@info_bg_color, 0.72); + border-bottom-color: shade(@info_bg_color, 0.7); + background-color: shade(@info_bg_color, 1.08); + color: @info_fg_color; +} + +.info .button:hover { + border-top-color: shade(@info_bg_color, 0.85); + border-right-color: shade(@info_bg_color, 0.78); + border-left-color: shade(@info_bg_color, 0.78); + border-bottom-color: shade(@info_bg_color, 0.7); + background-color: shade(@info_bg_color, 1.10); +} + +.info .button:active { + border-color: shade(@info_bg_color, 0.6); + background-color: shade(@info_bg_color, 0.95); +} + +.info .button:active:hover { + border-top-color: shade(@info_bg_color, 0.85); + border-right-color: shade(@info_bg_color, 0.78); + border-left-color: shade(@info_bg_color, 0.78); + border-bottom-color: shade(@info_bg_color, 0.7); +} + +.info .button.close { + color: @info_fg_color; +} + +.info .button.close:hover { + background-color: alpha(white, 0.2); +} + +.info .button.close:active { + color: @info_fg_color; + background-color: alpha(black, 0.1); +} + +.warning { + border-width: 1px; + border-style: solid; + border-color: shade(@warning_bg_color, 0.8); + background-color: @warning_bg_color; + background-image: none; + color: @warning_fg_color; +} + +.warning .button { + border-top-color: shade(@warning_bg_color, 0.8); + border-right-color: shade(@warning_bg_color, 0.72); + border-left-color: shade(@warning_bg_color, 0.72); + border-bottom-color: shade(@warning_bg_color, 0.7); + background-color: shade(@warning_bg_color, 1.08); + color: @warning_fg_color; +} + +.warning .button:hover { + border-top-color: shade(@warning_bg_color, 0.85); + border-right-color: shade(@warning_bg_color, 0.78); + border-left-color: shade(@warning_bg_color, 0.78); + border-bottom-color: shade(@warning_bg_color, 0.7); + background-color: shade(@warning_bg_color, 1.10); +} + +.warning .button:active { + border-color: shade(@warning_bg_color, 0.6); + background-color: shade(@warning_bg_color, 0.95); +} + +.warning .button:active:hover { + border-top-color: shade(@warning_bg_color, 0.85); + border-right-color: shade(@warning_bg_color, 0.78); + border-left-color: shade(@warning_bg_color, 0.78); + border-bottom-color: shade(@warning_bg_color, 0.7); +} + +.warning .button.close { + color: @warning_fg_color; +} + +.warning .button.close:hover { + background-color: alpha(white, 0.2); +} + +.warning .button.close:active { + color: @warning_fg_color; + background-color: alpha(black, 0.1); +} + +.question { + border-width: 1px; + border-style: solid; + border-color: shade(@question_bg_color, 0.8); + background-color: @question_bg_color; + background-image: none; + color: @question_fg_color; +} + +.question .button { + border-top-color: shade(@question_bg_color, 0.8); + border-right-color: shade(@question_bg_color, 0.72); + border-left-color: shade(@question_bg_color, 0.72); + border-bottom-color: shade(@question_bg_color, 0.7); + background-color: shade(@question_bg_color, 1.08); + color: @question_fg_color; +} + +.question .button:hover { + border-top-color: shade(@question_bg_color, 0.85); + border-right-color: shade(@question_bg_color, 0.78); + border-left-color: shade(@question_bg_color, 0.78); + border-bottom-color: shade(@question_bg_color, 0.7); + background-color: shade(@question_bg_color, 1.10); +} + +.question .button:active { + border-color: shade(@question_bg_color, 0.6); + background-color: shade(@question_bg_color, 0.95); +} + +.question .button:active:hover { + border-top-color: shade(@question_bg_color, 0.85); + border-right-color: shade(@question_bg_color, 0.78); + border-left-color: shade(@question_bg_color, 0.78); + border-bottom-color: shade(@question_bg_color, 0.7); +} + +.question .button.close { + color: @question_fg_color; +} + +.question .button.close:hover { + background-color: alpha(white, 0.2); +} + +.question .button.close:active { + color: @question_fg_color; + background-color: alpha(black, 0.1); +} + +.error { + border-width: 1px; + border-style: solid; + border-color: shade(@error_bg_color, 0.8); + background-color: @error_bg_color; + background-image: none; + color: @error_fg_color; +} + +.error .button { + border-top-color: shade(@error_bg_color, 0.8); + border-right-color: shade(@error_bg_color, 0.72); + border-left-color: shade(@error_bg_color, 0.72); + border-bottom-color: shade(@error_bg_color, 0.7); + background-color: shade(@error_bg_color, 1.08); + color: @error_fg_color; +} + +.error .button:hover { + border-top-color: shade(@error_bg_color, 0.85); + border-right-color: shade(@error_bg_color, 0.78); + border-left-color: shade(@error_bg_color, 0.78); + border-bottom-color: shade(@error_bg_color, 0.7); + background-color: shade(@error_bg_color, 1.10); +} + +.error .button:active { + border-color: shade(@error_bg_color, 0.6); + background-color: shade(@error_bg_color, 0.95); +} + +.error .button:active:hover { + border-top-color: shade(@error_bg_color, 0.85); + border-right-color: shade(@error_bg_color, 0.78); + border-left-color: shade(@error_bg_color, 0.78); + border-bottom-color: shade(@error_bg_color, 0.7); +} + +.error .button.close { + color: @error_fg_color; +} + +.error .button.close:hover { + background-color: alpha(white, 0.2); +} + +.error .button.close:active { + color: @error_fg_color; + background-color: alpha(black, 0.1); +} + +/******************* + * symbolic images * + *******************/ +.image { + color: alpha(currentColor, 0.5); +} + +.image:hover { + color: alpha(currentColor, 0.9); +} + +.image:selected, +.image:selected:hover { + color: @theme_selected_fg_color; +} + +.view.image, +.view.image:hover { + color: alpha(currentColor, 0.9); +} + +.view.image:selected, +.view.image:selected:hover { + color: @theme_selected_fg_color; +} + +/***************** + * miscellaneous * + *****************/ +.floating-bar { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 2px; + background-color: @theme_bg_color; + background-image: none; + color: @theme_fg_color; +} + +.floating-bar.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.floating-bar.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.floating-bar.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.floating-bar.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.floating-bar .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + border-style: none; + background-color: transparent; + background-image: none; +} + +.view.dim-label, +.dim-label { + color: alpha(currentColor, 0.5); +} + +.dnd { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); +} + +.grip { + background-color: transparent; +} + +.arrow { + color: alpha(currentColor, 0.7); +} + +/******** + * menu * + ********/ +GtkTreeMenu.menu, +GtkMenuToolButton.menu, +GtkComboBox .menu { + background-color: @menu_bg_color; +} + +.primary-toolbar .menu, +.primary-toolbar .button .menu, +.toolbar .menu, +.toolbar .primary-toolbar .menu, +.header-bar .menu, +.header-bar .primary-toolbar .menu, +.menu { + padding: 0; + border-radius: 0; + border-style: none; + background-color: @menu_bg_color; + color: @menu_fg_color; +} + +/* Hover-effect on play-button in ubuntu soundmenu */ +.menu:selected { + background-color: @selected_bg_color; +} + +.menu.button:hover, +.menu.button:active, +.menu.button:active *:insensitive, +.menu.button:insensitive, +.menu.button { + border-width: 0; + background-color: @menu_bg_color; + background-image: none; +} + +.context-menu { + font: initial; +} + +/* ubuntu software center menu */ +#toolbar-popup { + background-color: @menu_bg_color; + color: @menu_fg_color; +} + +/*********** + * menubar * + ***********/ +.menubar { + -GtkWidget-window-dragging: true; + + border-style: none; + background-color: @menubar_bg_color; + background-image: none; + color: @menubar_fg_color; +} + +/*************** + * menubaritem * + ***************/ +.menubar.menuitem, +.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-color: transparent; + background-color: transparent; + background-image: none; + color: @menubar_fg_color; +} + +.menubar.menuitem:hover, +.menubar .menuitem:hover { + border-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21); + background-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21); + background-image: none; + color: shade(@menubar_fg_color, 1.08); +} + +.menubar .menuitem *:hover { + color: shade(@menubar_fg_color, 1.08); +} + +/************ + * menuitem * + ************/ +GtkTreeMenu .menuitem { + padding: 0; + border-width: 0; +} + +.menuitem, +.menu .menuitem { + -GtkMenuItem-arrow-scaling: 0.5; + + padding: 3px; + border-width: 1px; + border-style: solid; + border-color: transparent; + border-radius: 0; + background-color: transparent; + background-image: none; + color: @menu_fg_color; +} + +.menu .menuitem:active, +.menu .menuitem:hover { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; +} + +.menu .menuitem:active, +.menu .menuitem *:active, +.menu .menuitem:hover, +.menu .menuitem *:hover { + color: @theme_selected_fg_color; +} + +.menu .menuitem:insensitive, +.menu .menuitem *:insensitive { + color: mix(@menu_fg_color, @menu_bg_color, 0.5); +} + +.menuitem.check, +.menuitem.radio, +.menuitem.check:hover, +.menuitem.radio:hover, +.menuitem.check:insensitive, +.menuitem.radio:insensitive { + border-style: none; + background-color: transparent; + background-image: none; +} + +.menuitem.check:active, +.menuitem.radio:active { + border-style: none; + background-color: transparent; +} + +.menuitem GtkCalendar:inconsistent { + color: mix(@menu_fg_color, @menu_bg_color, 0.5); +} + +.menuitem GtkCalendar.button { + border-style: none; + background-color: transparent; + background-image: none; +} + +.menuitem .entry { + border-color: shade(@menu_bg_color, 0.7); + background-color: @menu_bg_color; + background-image: none; + color: @menu_fg_color; +} + +.menuitem .entry:active, +.menuitem .entry:focus { + border-color: shade(@menu_bg_color, 0.7); +} + +.menuitem .accelerator { + color: alpha(@menu_fg_color, 0.6); +} + +.menuitem .accelerator:hover { + color: alpha(@theme_selected_fg_color, 0.8); +} + +.menuitem .accelerator:insensitive { + color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6); +} + +GtkModelMenuItem GtkBox GtkImage { + padding-right: 4px; +} + +/************ + * popovers * + ************/ +GtkPopover { + margin: 10px; + padding: 2px; + border-radius: 2px; + border-color: shade(@theme_bg_color, 0.8); + border-width: 1px; + border-style: solid; + background-clip: border-box; + background-color: @theme_bg_color; + color: @theme_fg_color; + box-shadow: 0 2px 3px alpha(black, 0.5); +} + +GtkPopover.osd { + box-shadow: 0 2px 7px 3px alpha(black, 0.5); +} + +GtkPopover > .list, +GtkPopover > .view, +GtkPopover > .toolbar { + background-color: transparent; +} + +GtkPopover.osd > .toolbar .button { + border-radius: 0; + border-width: 0; + background-image: none; + background-color: transparent; +} + +GtkPopover .separator { + border: 0; + background-color: transparent; + color: alpha(currentColor, 0.5); + font-size: 80%; + font-weight: bold; +} + +GtkModelButton.button, +GtkModelButton.button:active, +GtkModelButton.button:insensitive, +GtkModelButton.button:active:insensitive { + background-color: transparent; + background-image: none; + border-color: transparent; + border-style: none; + box-shadow: none; + color: @theme_fg_color; +} + +GtkModelButton.button:active:hover, +GtkModelButton.button:hover, +GtkModelButton.button:selected { + border-width: 0; + border-color: transparent; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +/************ + * notebook * + ************/ +.notebook { + padding: 0; + border-width: 1px; + border-style: solid; + border-color: shade(@theme_base_color, 0.7); + border-radius: 0; + background-color: @theme_base_color; + background-image: none; + background-clip: border-box; + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-has-tab-gap: false; +} + +.notebook.frame { + border-width: 1px; +} + +.notebook.header { + border-width: 0; + background-color: shade(@theme_base_color, 0.85); +} + +.notebook.header.frame { + border-color: shade(@theme_base_color, 0.75); +} + +.notebook.header.frame.top { + border-width: 1px 1px 0 1px; +} + +.notebook.header.frame.right { + border-width: 1px 1px 1px 0; +} + +.notebook.header.frame.bottom { + border-width: 0 1px 1px 1px; +} + +.notebook.header.frame.left { + border-width: 1px 0 1px 1px; +} + +.notebook GtkViewport { + border-width: 0; + background-color: @theme_base_color; + color: @theme_text_color; +} + +.notebook tab { + padding: 4px; + border-style: none; + background-color: shade(@theme_base_color, 0.85); + background-image: none; +} + +.notebook tab:hover { + background-color: shade(@theme_base_color, 0.95); + background-image: none; +} + +.notebook tab:active { + background-color: shade(@theme_base_color, 0.85); + background-image: none; +} + +.notebook tab.top { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.notebook tab.top:active { + box-shadow:inset 0 -2px @theme_selected_bg_color; +} + +.notebook tab.right { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.notebook tab.right:active { + box-shadow:inset 2px 0 @theme_selected_bg_color; +} + +.notebook tab.bottom { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.notebook tab.bottom:active { + box-shadow:inset 0 2px @theme_selected_bg_color; +} + +.notebook tab.left { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.notebook tab.left:active { + box-shadow:inset -2px 0 @theme_selected_bg_color; +} + +.notebook tab GtkLabel { + color: mix(@theme_text_color, @theme_base_color, 0.3); +} + +.notebook .active-page, +.notebook tab .active-page GtkLabel { + color: @theme_text_color; +} + +/* close button styling */ +.notebook tab .button, +.notebook tab .button:active, +.notebook tab .button:hover { + padding: 1px; + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: transparent; + background-image: none; + background-color: transparent; + color: mix(@theme_text_color, @theme_base_color, 0.5); +} + +.notebook tab .button:hover { + color: @theme_text_color; + border-color: shade(@theme_base_color, 0.8); +} + +.notebook tab .button:active, +.notebook tab .button:active:hover { + border-color: shade(@theme_base_color, 0.7); + background-color: shade(@theme_base_color, 0.95); +} + +/****************** + * pane separator * + ******************/ +.pane-separator { + background-color: @theme_bg_color; + color: transparent; +} + +/************************* + * progressbar and scale * + *************************/ +GtkProgressBar { + padding: 0; + border-width: 1px; + border-radius: 2px; +} + +.progressbar, +.progressbar row, +.progressbar row:hover, +.progressbar row:selected, +.progressbar row:selected:focus { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: linear-gradient(to bottom, + @theme_selected_bg_color, + @theme_selected_bg_color + ); +} + +.progressbar.vertical { + background-color: @theme_selected_bg_color; + background-image: linear-gradient(to right, + @theme_selected_bg_color, + @theme_selected_bg_color + ); +} + +.trough, +.trough row, +.trough row:hover, +.trough row:selected, +.trough row:selected:focus { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +.trough.vertical { + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +/* level bars as used for password quality or remaining power */ +GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 2; +} + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 2; + -GtkLevelBar-min-block-height: 34; +} + +.level-bar.trough { + padding: 1px; + border-radius: 2px; +} + +.level-bar.fill-block { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; +} + +.level-bar.indicator-continuous.fill-block { + padding: 1px; + border-radius: 2px; +} + +.level-bar.indicator-discrete.fill-block.horizontal { + margin: 0 1px; +} + +.level-bar.indicator-discrete.fill-block.vertical { + margin: 1px 0; +} + +/* discrete indicator border rounding, + uncomment when :nth-child will be working + on the widget + +.level-bar.indicator-discrete.fill-block.horizontal:first-child { + border-radius: 2px 0 0 2px; +} + +.level-bar.indicator-discrete.fill-block.horizontal:last-child { + border-radius: 0 2px 2px 0; +} + +.level-bar.indicator-discrete.fill-block.vertical:first-child { + border-radius: 2px 2px 0 0; +} + +.level-bar.indicator-discrete.fill-block.vertical:last-child { + border-radius: 0 0 2px 2px; +} +*/ + +.level-bar.fill-block.level-high { + border-color: shade(@success_color, 0.85); + background-image: linear-gradient(to bottom, + shade(@success_color, 1.2), + @success_color 75%, + shade(@success_color, 0.95) + ); +} + +.level-bar.fill-block.level-low { + border-color: shade(@warning_color, 0.80); + background-image: linear-gradient(to bottom, + shade(@warning_color, 1.3), + @warning_color 75%, + shade(@warning_color, 0.9) + ); +} + +.level-bar.fill-block.empty-fill-block { + border-color: alpha(@theme_fg_color, 0.1); + background-color: transparent; + background-image: none; +} + +.scale { + -GtkRange-slider-width: 16; + -GtkRange-trough-border: 1; + -GtkScale-slider-length: 16; + + padding: 0; + border-width: 1px; + border-radius: 2px; +} + +.scale.slider { + border-radius: 8px; + background-color: shade(@theme_bg_color, 1.08); + background-image: none; + /* we will draw the border using box shadow for now */ + box-shadow: inset 1px 0 shade(@theme_bg_color, 0.8), + inset 0 1px shade(@theme_bg_color, 0.8), + inset -1px 0 shade(@theme_bg_color, 0.8), + inset 0 -1px shade(@theme_bg_color, 0.8); +} + +.scale.slider:hover { + box-shadow: inset 1px 0 shade(@theme_bg_color, 0.7), + inset 0 1px shade(@theme_bg_color, 0.7), + inset -1px 0 shade(@theme_bg_color, 0.7), + inset 0 -1px shade(@theme_bg_color, 0.7); +} + +.scale.slider:insensitive { + background-color: shade(@theme_bg_color, 0.9); + background-image: none; + box-shadow: inset 1px 0 shade(@theme_bg_color, 0.85), + inset 0 1px shade(@theme_bg_color, 0.85), + inset -1px 0 shade(@theme_bg_color, 0.85), + inset 0 -1px shade(@theme_bg_color, 0.85); +} + +.scale.slider.fine-tune:active, +.scale.slider.fine-tune:active:hover, +.scale.slider.fine-tune.horizontal:active, +.scale.slider.fine-tune.horizontal:active:hover { + background-size: 50%; + background-repeat: no-repeat; + background-position: center; +} + +.scale.mark { + border-color: shade(@theme_bg_color, 0.8); +} + +.scale.trough { + margin: 7px 0; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 2px; + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +.scale.trough.vertical { + margin: 0 7px; +} + +.menuitem .scale.highlight.left, +.scale.highlight.left { + border-color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; + background-image: none; +} + +.menuitem .scale.highlight.left:hover { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 0.8); +} + +.scale.highlight.bottom { + border-color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; + background-image: none; +} + +.scale.trough:insensitive, +.scale.highlight.left:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +/************* + * scrollbar * + *************/ +.scrollbar { + border-width: 1px; + border-style: solid; + padding: 0; +} + +.scrollbars-junction, +.scrollbar.trough { + border-width: 0; + border-radius: 0; + background-color: @theme_bg_color; + background-image: none; +} + +.scrollbar.button, +.scrollbar.button:active, +.scrollbar.button:active:hover { + border-width: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + color: shade(@theme_bg_color, 0.6); +} + +.scrollbar.slider { + border-width: 1px; + border-color: mix(shade(@theme_bg_color, 0.87), @theme_fg_color, 0.21); + border-radius: 0; + background-color: mix(@theme_bg_color, @theme_fg_color, 0.21); +} + +.scrollbar.slider:hover, +.scrollbar.slider.vertical:hover { + border-color: mix(shade(@theme_bg_color, 0.87), @theme_fg_color, 0.31); + background-color: mix(@theme_bg_color, @theme_fg_color, 0.31); +} + +.scrollbar.slider:active, +.scrollbar.slider.vertical:active { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; +} + +.scrollbar.slider.fine-tune:prelight:active { + border-width: 2px; + border-color: transparent; +} + +/* overlay scrollbar */ +OsThumb { + color: shade(@theme_bg_color, 0.7); +} + +OsThumb:selected, +OsScrollbar:selected { + background-color: @theme_selected_bg_color; +} + +OsThumb:active, +OsScrollbar:active { + background-color: @theme_selected_bg_color; +} + +OsThumb:insensitive, +OsScrollbar:insensitive { + background-color: shade(@theme_bg_color, 0.9); +} + +/************* + * separator * + *************/ +.sidebar.view.separator, +.view.separator, +.separator { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.9); + color: shade(@theme_bg_color, 0.9); +} + +.button .separator, +.button.separator { + border-color: shade(@theme_bg_color, 0.95); +} + +.button .separator:insensitive, +.button.separator:insensitive { + border-color: shade(@theme_bg_color, 0.85); +} + +.primary-toolbar GtkSeparatorToolItem, +.primary-toolbar .separator, +.primary-toolbar .separator:insensitive, +.toolbar GtkSeparatorToolItem, +.toolbar .separator, +.toolbar .separator:insensitive { + -GtkWidget-window-dragging: true; + + border-color: shade(@toolbar_bg_color, 0.95); + color: shade(@toolbar_bg_color, 0.95); +} + +.header-bar GtkSeparatorToolItem, +.header-bar .separator, +.header-bar .separator:insensitive, +.titlebar GtkSeparatorToolItem, +.titlebar .separator, +.titlebar .separator:insensitive { + -GtkWidget-window-dragging: true; + + border-color: shade(@titlebar_bg_color, 0.95); + color: shade(@titlebar_bg_color, 0.95); +} + +.primary-toolbar .button .separator, +.primary-toolbar .button.separator, +.toolbar .button .separator, +.toolbar .button.separator { + border-color: shade(@toolbar_bg_color, 0.95); +} + +.header-bar .button .separator, +.header-bar .button.separator, +.titlebar .button .separator, +.titlebar .button.separator { + border-color: shade(@titlebar_bg_color, 0.95); +} + +.primary-toolbar .button .separator:insensitive, +.primary-toolbar .button.separator:insensitive, +.toolbar .button .separator:insensitive, +.toolbar .button.separator:insensitive { + border-color: shade(@toolbar_bg_color, 0.85); +} + +.header-bar .button .separator:insensitive, +.header-bar .button.separator:insensitive, +.titlebar .button .separator:insensitive, +.titlebar .button.separator:insensitive { + border-color: shade(@titlebar_bg_color, 0.85); +} + +.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + + border-style: none; + color: shade(@menu_bg_color, 0.9); +} + +GtkComboBox .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + + border-style: none; +} + +/*********** + * sidebar * + ***********/ +.sidebar, +.sidebar.view, +.sidebar .view, +.sidebar GtkScrolledWindow { + background-color: @theme_bg_color; + color: mix(@theme_fg_color, @theme_bg_color, 0.1); +} + +.sidebar row:selected, +.sidebar row:selected:hover, +.sidebar row:selected:focus, +.sidebar .view row:selected, +.sidebar .view row:selected:hover, +.sidebar .view row:selected:focus { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +.sidebar row:prelight, +.sidebar .view row:prelight { + border-color: shade(@theme_bg_color, 1.05); + background-color: shade(@theme_bg_color, 1.05); + background-image: none; + color: @theme_fg_color; +} + +.sidebar row:selected:prelight, +.sidebar .view row:selected:prelight { + border-color: shade(@theme_selected_bg_color, 1.05); + background-color: shade(@theme_selected_bg_color, 1.05); + background-image: none; + color: @theme_selected_fg_color; +} + +.sidebar .frame { + border-width: 0; +} + +/************** + * spinbutton * + **************/ +.spinbutton .button { + color: mix(@theme_text_color, @theme_base_color, 0.4); + padding: 2px 4px; + border-width: 0; + border-radius: 0; + border-style: none; + background-color: transparent; + background-image: none; + box-shadow: inset 1px 0 shade(@theme_base_color, 0.9); +} + +.spinbutton .button:insensitive { + color: mix(@theme_text_color, @theme_base_color, 0.7); + box-shadow: inset 1px 0 shade(@theme_bg_color, 0.95); +} + +.spinbutton .button:active, +.spinbutton .button:hover { + color: @theme_fg_color; +} + +.spinbutton .button:first-child { + border-radius: 2px 0 0 2px; + box-shadow: none; +} + +.spinbutton .button:last-child { + border-radius: 0 2px 2px 0; +} + +.spinbutton .button:dir(rtl) { + box-shadow: inset -1px 0 shade(@theme_base_color, 0.9); +} + +.spinbutton.vertical .button { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 2px; + background-color: shade(@theme_bg_color, 1.08); + background-image: none; + color: @theme_fg_color; + box-shadow: none; +} + +.spinbutton.vertical .button:hover { + border-color: shade(@theme_bg_color, 0.7); + background-color: shade(@theme_bg_color, 1.10); + background-image: none; +} + +.spinbutton.vertical .button:active { + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 0.95); + background-image: none; +} + +.spinbutton.vertical .button:active:hover { + border-color: shade(@theme_bg_color, 0.7); +} + +.spinbutton.vertical .button:focus, +.spinbutton.vertical .button:hover:focus, +.spinbutton.vertical .button:active:focus, +.spinbutton.vertical .button:active:hover:focus { + border-color: shade(@theme_bg_color, 0.7); +} + +.spinbutton.vertical .button:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +.spinbutton.vertical .button:first-child { + border-width: 1px; + border-bottom-width: 0; + border-radius: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.spinbutton.vertical .button:last-child { + border-width: 1px; + border-top-width: 0; + border-radius: 2px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.spinbutton.vertical.entry { + border-width: 1px; + border-style: solid; + border-radius: 0; +} + +/*********** + * spinner * + ***********/ +@keyframes spinner { + 00.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); } + + 10.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.90)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)); } + + 20.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.90)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)); } + + 30.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); } + + 40.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.50)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)); } + + 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.30)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)); } + + 60.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.10)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); } + + 70.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.10)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)); } + + 80.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.30)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)); } + + 90.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.50)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)); } + + 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); } +} + +.spinner { + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); + + background-position: 0% 70%, 33% 70%, 70% 70%; + background-size: 30% 30%; + background-repeat: no-repeat; +} + +.spinner:active { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); + + animation: spinner 1s infinite linear; +} + +.menu.spinner, +.menu .spinner, +.menu .spinner:hover, +.primary-toolbar .spinner { + color: @theme_selected_bg_color; + border: none; + box-shadow: none; +} + +/************* + * statusbar * + *************/ +GtkStatusbar { + padding: 4px; + color: @theme_fg_color; +} + +/********** + * switch * + **********/ +GtkSwitch { + padding: 0; + border-radius: 2px; + font: bold condensed; +} + +GtkSwitch.slider { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +GtkSwitch.slider:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +GtkSwitch.trough { + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 0.95); + background-image: none; + color: @theme_fg_color; +} + +GtkSwitch.trough:active { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +GtkSwitch.trough:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +/************ + * textview * + ************/ +GtkTextView { + background-color: @theme_base_color; + color: @theme_text_color; +} + +/***************** + * color chooser * + *****************/ +GtkColorSwatch, +GtkColorSwatch:selected { + border-width: 1px; + border-style: solid; + border-color: alpha(black, 0.1); + border-radius: 1px; + background-color: transparent; + background-clip: border-box; +} + +GtkColorSwatch:hover, +GtkColorSwatch:selected:hover { + border-color: alpha(black, 0.3); +} + +GtkColorSwatch.color-dark:hover { +} + +GtkColorSwatch.color-light:hover { +} + +GtkColorSwatch.color-light:selected:hover, +GtkColorSwatch.color-dark:selected:hover { + background-image: none; +} + +GtkColorSwatch.left, +GtkColorSwatch:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +GtkColorSwatch.right, +GtkColorSwatch:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +GtkColorSwatch:only-child { + border-radius: 2px; +} + +GtkColorSwatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +GtkColorSwatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border-color: alpha(black, 0.1); + background-color: shade(@theme_bg_color, 0.95); + color: @theme_fg_color; +} + +GtkColorChooserWidget #add-color-button:hover { + border-color: alpha(black, 0.3); + background-color: shade(@theme_bg_color, 0.90); + color: @theme_fg_color; +} + +.color-active-badge, +.color-active-badge:selected { + border-width: 1px; + border-style: solid; + border-width: 2px; + background-color: transparent; +} + +.color-active-badge.color-light, +.color-active-badge.color-light:hover { + border-color: alpha(black, 0.3); + color: alpha(black, 0.3); +} + +.color-active-badge.color-dark, +.color-active-badge.color-dark:hover { + border-color: alpha(white, 0.3); + color: alpha(white, 0.3); +} + +GtkColorEditor GtkColorSwatch { + border-radius: 2px; +} + +GtkColorEditor GtkColorSwatch.color-dark:hover, +GtkColorEditor GtkColorSwatch.color-light:hover { + background-image: none; + border-color: alpha(black, 0.3); +} + +GtkColorButton.button { + padding: 2px; +} + +/************** + * header-bar * + **************/ +.header-bar { + padding: 4px; + border-width: 0 0 1px 0; + border-style: solid; + border-color: shade(@titlebar_bg_color, 0.8); + background-color: @titlebar_bg_color; + background-image: none; + color: @titlebar_fg_color; +} + +.header-bar .button.text-button { + padding: 4px; +} + +.header-bar .button.image-button { + padding: 6px; +} + +.header-bar .title { + font: bold; + padding: 0 12px; +} + +.header-bar .subtitle { + font: smaller; + padding: 0 12px; +} + +.header-bar GtkComboBox, +.header-bar .button { + border-color: shade(@titlebar_bg_color, 0.8); + background-color: shade(@titlebar_bg_color, 1.08); + background-image: none; + color: @titlebar_fg_color; +} + +.header-bar .button:hover { + border-color: shade(@titlebar_bg_color, 0.7); + background-color: shade(@titlebar_bg_color, 1.10); + background-image: none; +} + +.header-bar .button:active { + border-color: shade(@titlebar_bg_color, 0.8); + background-color: shade(@titlebar_bg_color, 0.95); + background-image: none; +} + +.header-bar .button:active:hover { + border-color: shade(@titlebar_bg_color, 0.7); +} + +.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:insensitive { + border-color: shade(@titlebar_bg_color, 0.85); + background-color: shade(@titlebar_bg_color, 0.9); + background-image: none; +} + +.header-bar .button:active *:insensitive { + border-color: shade(@titlebar_bg_color, 0.75); + background-color: shade(@titlebar_bg_color, 0.80); + background-image: none; +} + +.header-bar .entry { + border-color: shade(@titlebar_bg_color, 0.8); +} + +.header-bar .entry:active, +.header-bar .entry:focus { + border-color: shade(@titlebar_bg_color, 0.7); +} + +/*********** + * toolbar * + ***********/ +.toolbar { + padding: 4px; + border-style: none; + background-color: @toolbar_bg_color; + background-image: none; + color: @toolbar_fg_color; +} + +.toolbar .button { + padding: 2px; +} + +.toolbar .button.text-button { + padding: 2px 4px; +} + +.toolbar .button.image-button { + padding: 4px 3px 3px 4px; +} + +.toolbar:insensitive { + 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 * + *******************/ +.primary-toolbar, +.primary-toolbar .toolbar, +.primary-toolbar.toolbar { + -GtkWidget-window-dragging: true; + + padding: 4px; + border-width: 0 0 1px 0; + border-style: solid; + border-color: shade(@toolbar_bg_color, 0.8); + background-color: @toolbar_bg_color; + background-image: none; + color: @toolbar_fg_color; +} + +.primary-toolbar GtkComboBox, +.primary-toolbar .button { + padding: 2px; + border-width: 1px; + border-color: transparent; + border-radius: 2px; + background-color: transparent; + background-image: none; + color: @toolbar_fg_color; +} + +.primary-toolbar .raised .button, +.primary-toolbar .raised.button, +.toolbar GtkComboBox, +.toolbar .button { + border-color: shade(@toolbar_bg_color, 0.8); + background-color: shade(@toolbar_bg_color, 1.08); + background-image: none; + color: @toolbar_fg_color; +} + +.primary-toolbar .button:hover, +.toolbar .button:hover { + border-color: shade(@toolbar_bg_color, 0.7); + background-color: shade(@toolbar_bg_color, 1.10); + background-image: none; +} + +.primary-toolbar .button:active, +.toolbar .button:active { + border-color: shade(@toolbar_bg_color, 0.8); + background-color: shade(@toolbar_bg_color, 0.95); + background-image: none; +} + +.primary-toolbar .button:active:hover, +.toolbar .button:active:hover { + border-color: shade(@toolbar_bg_color, 0.7); +} + +.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: shade(@toolbar_bg_color, 0.7); +} + +.primary-toolbar .button:insensitive, +.toolbar .button:insensitive { + border-color: shade(@toolbar_bg_color, 0.85); + background-color: shade(@toolbar_bg_color, 0.9); + background-image: none; +} + +.primary-toolbar .button:active *:insensitive, +.toolbar .button:active *:insensitive { + border-color: shade(@toolbar_bg_color, 0.75); + background-color: shade(@toolbar_bg_color, 0.80); + background-image: none; +} + +.primary-toolbar .entry, +.toolbar .entry { + border-color: shade(@toolbar_bg_color, 0.8); +} + +.primary-toolbar .entry:active, +.primary-toolbar .entry:focus, +.toolbar .entry:active, +.toolbar .entry:focus { + border-color: shade(@toolbar_bg_color, 0.7); +} + +/* 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: 0 1px 1px 1px; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 0; +} + +.inline-toolbar.toolbar .button { + padding: 1px; + border-width: 1px 0 1px 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:insensitive, +.inline-toolbar.toolbar GtkToolButton .button:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +.inline-toolbar.toolbar .button:active *:insensitive +.inline-toolbar.toolbar GtkToolButton .button:active *:insensitive { + 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 */ +.linked .button, +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar GtkToolButton .button, +.inline-toolbar.toolbar GtkToolButton > .button { + box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9); +} + +.linked .button:active, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar GtkToolButton .button:active, +.inline-toolbar.toolbar GtkToolButton > .button:active { + box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9), + inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +.linked .button:insensitive, +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton .button:insensitive, +.inline-toolbar.toolbar GtkToolButton > .button:insensitive { + box-shadow: inset -1px 0 shade(@theme_bg_color, 0.85); +} + +/* remove box shadow from last-child and only-child */ +.linked .button:last-child, +.linked .button:only-child, +.linked .button:insensitive:last-child, +.linked .button:insensitive:only-child, +.linked .button:active *:insensitive:last-child, +.linked .button:active *:insensitive:only-child, +.inline-toolbar.toolbar .button:last-child, +.inline-toolbar.toolbar .button:only-child, +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar .button:insensitive:only-child, +.inline-toolbar.toolbar .button:active *:insensitive:last-child, +.inline-toolbar.toolbar .button:active *:insensitive:only-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button, +.inline-toolbar.toolbar GtkToolButton:only-child > .button, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:active *:insensitive, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:active *:insensitive { + box-shadow: none; +} + +/* add back the inset shadow effect */ +.linked .button:active:last-child, +.linked .button:active:only-child, +.inline-toolbar.toolbar .button:active:last-child, +.inline-toolbar.toolbar .button:active:only-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:active { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +/* middle button */ +.linked .entry, +.linked .button, +.linked .button:active, +.linked .button:active:hover, +.linked .button:insensitive, +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton .button, +.inline-toolbar.toolbar GtkToolButton .button:active, +.inline-toolbar.toolbar GtkToolButton .button:insensitive { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; +} + +/*leftmost button */ +.linked .entry:first-child, +.linked .button:first-child, +.linked .button:active:first-child, +.linked .button:active:hover:first-child, +.linked .button:insensitive:first-child, +.inline-toolbar.toolbar .button:first-child, +.inline-toolbar.toolbar .button:active:first-child, +.inline-toolbar.toolbar .button:insensitive:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child .button, +.inline-toolbar.toolbar GtkToolButton:first-child .button:active, +.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive { + border-width: 1px; + border-radius: 2px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +/* rightmost button */ +.linked .entry:last-child, +.linked .button:last-child, +.linked .button:active:last-child, +.linked .button:active:hover:last-child, +.linked .button:insensitive:last-child, +.inline-toolbar.toolbar .button:last-child, +.inline-toolbar.toolbar .button:active:last-child, +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child .button, +.inline-toolbar.toolbar GtkToolButton:last-child .button:active, +.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive { + border-width: 1px; + border-radius: 2px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* linked single button */ +.linked .entry:only-child, +.linked .button:only-child, +.linked .button:active:only-child, +.linked .button:active:hover:only-child, +.linked .button:insensitive:only-child, +.inline-toolbar.toolbar .button:only-child, +.inline-toolbar.toolbar .button:active:only-child, +.inline-toolbar.toolbar .button:insensitive:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child .button, +.inline-toolbar.toolbar GtkToolButton:only-child .button:active, +.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive { + border-width: 1px; + border-radius: 2px; +} + +/* linked button shadows (vertical) */ +.linked.vertical .button, +.inline-toolbar.toolbar.vertical .button, +.inline-toolbar.toolbar.vertical GtkToolButton > .button { + box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9); +} + +.linked.vertical .button:active, +.inline-toolbar.toolbar.vertical .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:active { + box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9), + inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +.linked.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive { + box-shadow: inset 0 -1px shade(@theme_bg_color, 0.85); +} + +/* remove box shadow from last-child and only-child */ +.linked.vertical .button:last-child, +.linked.vertical .button:only-child, +.linked.vertical .button:insensitive:last-child, +.linked.vertical .button:insensitive:only-child, +.linked.vertical .button:active *:insensitive:last-child, +.linked.vertical .button:active *:insensitive:only-child, +.inline-toolbar.toolbar.vertical .button:last-child, +.inline-toolbar.toolbar.vertical .button:only-child, +.inline-toolbar.toolbar.vertical .button:insensitive:last-child, +.inline-toolbar.toolbar.vertical .button:insensitive:only-child, +.inline-toolbar.toolbar.vertical .button:active *:insensitive:last-child, +.inline-toolbar.toolbar.vertical .button:active *:insensitive:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active *:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active *:insensitive { + box-shadow: none; +} + +/* add back the inset shadow effect */ +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:only-child, +.inline-toolbar.toolbar.vertical .button:active:last-child, +.inline-toolbar.toolbar.vertical .button:active:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +/* middle button (vertical) */ +.linked.vertical .entry, +.linked.vertical .button, +.linked.vertical .button:active, +.linked.vertical .button:active:hover, +.linked.vertical .button:insensitive { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; +} + +/* top button (vertical) */ +.linked.vertical .entry:first-child, +.linked.vertical .button:first-child, +.linked.vertical .button:active:first-child, +.linked.vertical .button:active:hover:first-child, +.linked.vertical .button:insensitive:first-child { + border-width: 1px; + border-radius: 2px; + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +/* bottom button (vertical) */ +.linked.vertical .entry:last-child, +.linked.vertical .button:last-child, +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:hover:last-child, +.linked.vertical .button:insensitive:last-child { + border-width: 1px; + border-radius: 2px; + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +/* linked single button (vertical) */ +.linked.vertical .entry:only-child, +.linked.vertical .button:only-child, +.linked.vertical .button:active:only-child, +.linked.vertical .button:active:hover:only-child, +.linked.vertical .button:insensitive:only-child { + border-width: 1px; + border-radius: 2px; +} + +/* linked toolbar buttons */ +.primary-toolbar .button.raised.linked, +.primary-toolbar .raised.linked .button, +.toolbar .button.raised.linked, +.toolbar .raised.linked .button, +.toolbar .linked .button { + box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9); +} + +.primary-toolbar .button.raised.linked:active, +.primary-toolbar .raised.linked .button:active, +.toolbar .button.raised.linked:active, +.toolbar .raised.linked .button:active, +.toolbar .linked .button:active { + box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9), + inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +.primary-toolbar .button.raised.linked:insensitive, +.primary-toolbar .raised.linked .button:insensitive, +.toolbar .button.raised.linked:insensitive, +.toolbar .raised.linked .button:insensitive, +.toolbar .linked .button:insensitive { + box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.85); +} + +/* remove box shadow from last-child and only-child */ +.primary-toolbar .button.raised.linked:last-child, +.primary-toolbar .button.raised.linked:only-child, +.primary-toolbar .button:insensitive.raised.linked:last-child, +.primary-toolbar .button:insensitive.raised.linked:only-child, +.primary-toolbar .button:active *:insensitive.raised.linked:last-child, +.primary-toolbar .button:active *:insensitive.raised.linked:only-child, +.primary-toolbar .raised.linked .button:last-child, +.primary-toolbar .raised.linked .button:only-child, +.primary-toolbar .raised.linked .button:insensitive:last-child, +.primary-toolbar .raised.linked .button:insensitive:only-child, +.primary-toolbar .raised.linked .button:active *:insensitive:last-child, +.primary-toolbar .raised.linked .button:active *:insensitive:only-child, +.toolbar .button.raised.linked:last-child, +.toolbar .button.raised.linked:only-child, +.toolbar .button:insensitive.raised.linked:last-child, +.toolbar .button:insensitive.raised.linked:only-child, +.toolbar .button:active *:insensitive.raised.linked:last-child, +.toolbar .button:active *:insensitive.raised.linked:only-child, +.toolbar .raised.linked .button:last-child, +.toolbar .raised.linked .button:only-child, +.toolbar .raised.linked .button:insensitive:last-child, +.toolbar .raised.linked .button:insensitive:only-child, +.toolbar .raised.linked .button:active *:insensitive:last-child, +.toolbar .raised.linked .button:active *:insensitive:only-child, +.toolbar .linked .button:last-child, +.toolbar .linked .button:only-child, +.toolbar .linked .button:insensitive:last-child, +.toolbar .linked .button:insensitive:only-child, +.toolbar .linked .button:active *:insensitive:last-child, +.toolbar .linked .button:active *:insensitive:only-child { + box-shadow: none; +} + +/* add back the inset shadow effect */ +.primary-toolbar .button:active.raised.linked:last-child, +.primary-toolbar .button:active.raised.linked:only-child, +.primary-toolbar .raised.linked .button:active:last-child, +.primary-toolbar .raised.linked .button:active:only-child, +.toolbar .button:active.raised.linked:last-child, +.toolbar .button:active.raised.linked:only-child, +.toolbar .raised.linked .button:active:last-child, +.toolbar .raised.linked .button:active:only-child, +.toolbar .linked .button:active:last-child, +.toolbar .linked .button:active:only-child { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +/* middle button */ +.primary-toolbar .button.raised.linked, +.primary-toolbar .button.raised.linked:active, +.primary-toolbar .button.raised.linked:insensitive, +.primary-toolbar .raised.linked .button, +.primary-toolbar .raised.linked .button:active, +.primary-toolbar .raised.linked .button:insensitive, +.toolbar .button.raised.linked, +.toolbar .button.raised.linked:active, +.toolbar .button.raised.linked:insensitive, +.toolbar .raised.linked .button, +.toolbar .raised.linked .button:active, +.toolbar .raised.linked .button:insensitive, +.toolbar .linked .button, +.toolbar .linked .button:active, +.toolbar .linked .button:insensitive { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; +} + +/* leftmost button */ +.primary-toolbar .button.raised.linked:first-child, +.primary-toolbar .button.raised.linked:active:first-child, +.primary-toolbar .button.raised.linked:insensitive:first-child, +.primary-toolbar .raised.linked .button:first-child, +.primary-toolbar .raised.linked .button:active:first-child, +.primary-toolbar .raised.linked .button:insensitive:first-child, +.toolbar .button.raised.linked:first-child, +.toolbar .button.raised.linked:active:first-child, +.toolbar .button.raised.linked:insensitive:first-child, +.toolbar .raised.linked .button:first-child, +.toolbar .raised.linked .button:active:first-child, +.toolbar .raised.linked .button:insensitive:first-child, +.toolbar .linked .button:first-child, +.toolbar .linked .button:active:first-child { + border-width: 1px; + border-radius: 2px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +/* rightmost button */ +.primary-toolbar .button.raised.linked:last-child, +.primary-toolbar .button.raised.linked:active:last-child, +.primary-toolbar .button.raised.linked:insensitive:last-child, +.primary-toolbar .raised.linked .button:last-child, +.primary-toolbar .raised.linked .button:active:last-child, +.primary-toolbar .raised.linked .button:insensitive:last-child, +.toolbar .button.raised.linked:last-child, +.toolbar .button.raised.linked:active:last-child, +.toolbar .button.raised.linked:insensitive:last-child, +.toolbar .raised.linked .button:last-child, +.toolbar .raised.linked .button:active:last-child, +.toolbar .raised.linked .button:insensitive:last-child, +.toolbar .linked .button:last-child, +.toolbar .linked .button:active:last-child, +.toolbar .linked .button:insensitive:last-child { + border-width: 1px; + border-radius: 2px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* linked single button */ +.primary-toolbar .button.raised.linked:only-child, +.primary-toolbar .button.raised.linked:active:only-child, +.primary-toolbar .button.raised.linked:insensitive:only-child, +.primary-toolbar .raised.linked .button:only-child, +.primary-toolbar .raised.linked .button:active:only-child, +.primary-toolbar .raised.linked .button:insensitive:only-child, +.toolbar .button.raised.linked:only-child, +.toolbar .button.raised.linked:active:only-child, +.toolbar .button.raised.linked:insensitive:only-child, +.toolbar .raised.linked .button:only-child, +.toolbar .raised.linked .button:active:only-child, +.toolbar .raised.linked .button:insensitive:only-child, +.toolbar .linked .button:only-child, +.toolbar .linked .button:active:only-child, +.toolbar .linked .button:insensitive:only-child { + border-width: 1px; + border-radius: 2px; +} + +/* linked titlebar buttons */ +.header-bar .button.raised.linked, +.header-bar .raised.linked .button, +.header-bar .linked .button { + box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9); +} + +.header-bar .button.raised.linked:active, +.header-bar .raised.linked .button:active, +.header-bar .linked .button:active { + box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9), + inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +.header-bar .button.raised.linked:insensitive, +.header-bar .raised.linked .button:insensitive, +.header-bar .linked .button:insensitive { + box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.85); +} + +/* remove box shadow from last-child and only-child */ +.header-bar .button.raised.linked:last-child, +.header-bar .button.raised.linked:only-child, +.header-bar .button:insensitive.raised.linked:last-child, +.header-bar .button:insensitive.raised.linked:only-child, +.header-bar .button:active *:insensitive.raised.linked:last-child, +.header-bar .button:active *:insensitive.raised.linked:only-child, +.header-bar .raised.linked .button:last-child, +.header-bar .raised.linked .button:only-child, +.header-bar .raised.linked .button:insensitive:last-child, +.header-bar .raised.linked .button:insensitive:only-child, +.header-bar .raised.linked .button:active *:insensitive:last-child, +.header-bar .raised.linked .button:active *:insensitive:only-child, +.header-bar .linked .button:last-child, +.header-bar .linked .button:only-child, +.header-bar .linked .button:insensitive:last-child, +.header-bar .linked .button:insensitive:only-child, +.header-bar .linked .button:active *:insensitive:last-child, +.header-bar .linked .button:active *:insensitive:only-child { + box-shadow: none; +} + +/* add back the inset shadow effect */ +.header-bar .button:active.raised.linked:last-child, +.header-bar .button:active.raised.linked:only-child, +.header-bar .raised.linked .button:active:last-child, +.header-bar .raised.linked .button:active:only-child, +.header-bar .linked .button:active:last-child, +.header-bar .linked .button:active:only-child { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +/* middle button */ +.header-bar .button.raised.linked, +.header-bar .button.raised.linked:active, +.header-bar .button.raised.linked:insensitive, +.header-bar .raised.linked .button, +.header-bar .raised.linked .button:active, +.header-bar .raised.linked .button:insensitive, +.header-bar .linked .button, +.header-bar .linked .button:active, +.header-bar .linked .button:insensitive { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; +} + +/* leftmost button */ +.header-bar .button.raised.linked:first-child, +.header-bar .button.raised.linked:active:first-child, +.header-bar .button.raised.linked:insensitive:first-child, +.header-bar .raised.linked .button:first-child, +.header-bar .raised.linked .button:active:first-child, +.header-bar .raised.linked .button:insensitive:first-child, +.header-bar .linked .button:first-child, +.header-bar .linked .button:active:first-child, +.header-bar .linked .button:insensitive:first-child { + border-width: 1px; + border-radius: 2px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +/* rightmost button */ +.header-bar .button.raised.linked:last-child, +.header-bar .button.raised.linked:active:last-child, +.header-bar .button.raised.linked:insensitive:last-child, +.header-bar .raised.linked .button:last-child, +.header-bar .raised.linked .button:active:last-child, +.header-bar .raised.linked .button:insensitive:last-child, +.header-bar .linked .button:last-child, +.header-bar .linked .button:active:last-child, +.header-bar .linked .button:insensitive:last-child { + border-width: 1px; + border-radius: 2px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* linked single button */ +.header-bar .button.raised.linked:only-child, +.header-bar .button.raised.linked:active:only-child, +.header-bar .button.raised.linked:insensitive:only-child, +.header-bar .raised.linked .button:only-child, +.header-bar .raised.linked .button:active:only-child, +.header-bar .raised.linked .button:insensitive:only-child, +.header-bar .linked .button:only-child, +.header-bar .linked .button:active:only-child, +.header-bar .linked .button:insensitive:only-child { + border-width: 1px; + border-radius: 2px; +} + +/*********** + * tooltip * + ***********/ +.tooltip { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_tooltip_bg_color, 0.8); + border-radius: 2px; + background-color: @theme_tooltip_bg_color; + background-image: none; + color: @theme_tooltip_fg_color; +} + +.tooltip * { + background-color: transparent; +} + +/************ + * treeview * + ************/ +GtkTreeView { + -GtkTreeView-vertical-separator: 0; + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 1; +} + +GtkTreeView.dnd { + border-width: 1px; + border-style: solid; + border-color: @theme_selected_bg_color; + border-radius: 0; +} + +GtkTreeView .entry { + border-radius: 0; + background-color: @theme_base_color; + background-image: none; +} + +/************ + * viewport * + ************/ +GtkViewport.frame { + border-width: 0; +} + +.view { + background-color: @theme_base_color; + color: @theme_text_color; +} + +.view:insensitive, +.view:insensitive:insensitive { + background-color: shade(@theme_base_color, 0.9); + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +.view:selected, +.view:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/************** + * 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: 6px; +} + +.action-bar .title { + font: bold; + padding: 0 12px; +} + +.action-bar .subtitle { + font: smaller; + padding: 0 12px; +} + +/*************** + * search bars * + ***************/ +.search-bar { + border-width: 0 0 1px 0; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 0.98); +} + +.search-bar .button.close-button { + padding: 4px; +} + +/******************** + * various choosers * + ********************/ +GtkFontButton .separator, +GtkFileChooserButton .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -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: shade(@theme_base_color, 0.8); + border-width: 0 1px 1px 1px; + border-radius: 0 0 2px 2px; + padding: 8px; + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +/******* + * osd * + *******/ +.background.osd { + color: @osd_fg; + background-color: @osd_bg; +} + +GtkOverlay.osd { + background-color: transparent; +} + +.osd.frame { + background-clip: border-box; + background-origin: border-box; +} + +.osd.button, +.osd .button { + padding: 4px; + border-width: 1px; + border-style: solid; + border-color: shade(@osd_bg, 0.8); + border-radius: 2px; + background-color: shade(@osd_bg, 1.08); + background-image: none; + color: @osd_fg; +} + +.osd.button:prelight, +.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 { + border-color: shade(@osd_bg, 0.8); + background-color: shade(@osd_bg, 0.95); + background-image: none; +} + +.osd.button:active:hover, +.osd .button:active:hover, +.osd GtkMenuButton.button:active:hover { + border-color: shade(@osd_bg, 0.7); +} + +.osd.button:insensitive, +.osd .button:insensitive { + border-color: shade(@osd_bg, 0.85); + background-color: shade(@osd_bg, 0.9); + background-image: none; +} + +.osd.button:active *:insensitive, +.osd .button:active *:insensitive { + 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: 2px; + 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: 2px; + 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:insensitive { + border-color: shade(@osd_bg, 0.85); + background-color: shade(@osd_bg, 0.9); + background-image: none; +} + +.osd.toolbar .button:active *:insensitive { + border-color: shade(@osd_bg, 0.75); + background-color: shade(@osd_bg, 0.80); + background-image: none; +} + +.osd.toolbar .button:first-child { + border-radius: 2px 0 0 2px; + 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 2px 2px 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: 2px; + 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:insensitive { + 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:insensitive, +.osd .scale.trough.highlight:insensitive { + 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: @theme_selected_bg_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_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; +} + +.osd GtkIconView.cell:selected, +.osd GtkIconView.cell:selected:focus { + background-color: transparent; + border-style: solid; + border-radius: 2px; + 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.button { + border-width: 1px; + border-style: solid; + border-color: shade(@error_color, 0.8); + border-radius: 2px; + background-color: @error_color; + background-image: none; + color: mix(@theme_selected_fg_color, @error_color, 0.1); +} + +.destructive-action.button:hover { + border-color: shade(@error_color, 0.7); + background-color: shade(@error_color, 1.12); + background-image: none; +} + +.destructive-action.button:active { + border-color: shade(@error_color, 0.8); + background-color: shade(@error_color, 0.87); + background-image: none; +} + +.destructive-action.button:hover:active { + border-color: shade(@error_color, 0.7); +} + +/****************************** + * suggested action buttons * + ******************************/ +.suggested-action.button { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + border-radius: 2px; + background-color: shade(@theme_selected_bg_color, 1.18); + background-image: none; + color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1); +} + +.suggested-action.button:hover { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 1.20); + background-image: none; +} + +.suggested-action.button:active { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: shade(@theme_selected_bg_color, 1.05); + background-image: none; +} + +.suggested-action.button:hover:active { + border-color: shade(@theme_selected_bg_color, 0.8); +} + +/****************** + * selection mode * + ******************/ +.selection-mode.header-bar, +.selection-mode.toolbar { + border-style: solid; + border-color: @theme_selected_bg_color; + background-color: shade(@theme_selected_bg_color, 1.6); + background-image: none; + color: @theme_selected_bg_color; +} + +.selection-mode.header-bar { + border-top-color: shade(@theme_selected_bg_color, 1.6); + border-bottom-color: @theme_selected_bg_color; +} + +.selection-mode.toolbar { + padding: 4px; +} + +/* regular button */ +.selection-mode.header-bar .button, +.selection-mode.toolbar .button, +.selection-mode.toolbar GtkToolButton .button { + border-width: 1px; + border-style: solid; + border-color: @theme_selected_bg_color; + border-radius: 2px; + background-color: shade(@theme_selected_bg_color, 1.68); + background-image: none; + color: shade(@theme_selected_bg_color, 0.8); +} + +.selection-mode.header-bar .button:hover, +.selection-mode.toolbar .button:hover, +.selection-mode.toolbar GtkToolButton .button:hover { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: shade(@theme_selected_bg_color, 1.70); + background-image: none; +} + +.selection-mode.header-bar .button:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar GtkToolButton .button:active { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: shade(@theme_selected_bg_color, 1.55); + background-image: none; +} + +.selection-mode.header-bar .button:hover:active, +.selection-mode.toolbar .button:hover:active, +.selection-mode.toolbar GtkToolButton .button:hover:active { + border-color: shade(@theme_selected_bg_color, 0.8); +} + +/* suggested button */ +.selection-mode.header-bar .suggested-action.button, +.selection-mode.toolbar .suggested-action.button, +.selection-mode.toolbar GtkToolButton.suggested-action .button { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + border-radius: 2px; + background-color: shade(@theme_selected_bg_color, 1.18); + background-image: none; + color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1); +} + +.selection-mode.header-bar .suggested-action.button:hover, +.selection-mode.toolbar .suggested-action.button:hover, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 1.20); + background-image: none; +} + +.selection-mode.header-bar .suggested-action.button:active, +.selection-mode.toolbar .suggested-action.button:active, +.selection-mode.toolbar GtkToolButton.suggested-action:active { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: shade(@theme_selected_bg_color, 1.05); + background-image: none; +} + +.selection-mode.header-bar .suggested-action.button:hover:active, +.selection-mode.toolbar .suggested-action.button:hover:active, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active { + border-color: shade(@theme_selected_bg_color, 0.8); +} + +/* menu button */ +.selection-mode.header-bar .selection-menu.button, +.selection-mode.toolbar .selection-menu.button { + border-style: none; + background-color: transparent; + background-image: none; + color: shade(@theme_selected_bg_color, 0.8); +} + +.selection-mode.toolbar .dim-label, +.selection-mode.toolbar .selection-menu.button .dim-label { + color: shade(@theme_selected_bg_color, 0.7); +} + +.selection-mode.header-bar .selection-menu.button:hover, +.selection-mode.toolbar .dim-label:hover, +.selection-mode.toolbar .selection-menu.button:hover, +.selection-mode.toolbar .selection-menu.button .dim-label:hover { + color: shade(@theme_selected_bg_color, 0.7); +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active { + color: shade(@theme_selected_bg_color, 0.8); + box-shadow: none; +} + +/************************* + * touch text selections * + *************************/ +GtkBubbleWindow { + border-radius: 2px; + background-clip: border-box; +} + +GtkBubbleWindow.osd.background { + background-color: @osd_bg; +} + +GtkBubbleWindow .toolbar { + background-color: transparent; +} + +/******* + * CSD * + *******/ +.titlebar { + border-radius: 2px 2px 0 0; + background-image: none; + background-color: @titlebar_bg_color; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); + text-shadow: none; +} + +.tiled .titlebar { + border-radius: 0; +} + +.maximized .titlebar { + border-radius: 0; +} + +/* this is the default titlebar that is added by GTK + * when client-side decorations are in use and the application + * did not set a custom titlebar. + */ +.titlebar.default-decoration { + border: none; + box-shadow: none; +} + +.titlebar .title { + font: bold; +} + +.titlebar:backdrop { + background-image: none; + background-color: @titlebar_bg_color; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); + text-shadow: none; +} + +.titlebar .titlebutton { + padding: 4px; + border-style: none; + background: none; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); + icon-shadow: none; +} + +.titlebar .titlebutton:hover, +.titlebar .titlebutton:hover:focus { + background: none; + color: @theme_selected_bg_color; +} + +.titlebar .titlebutton:active, +.titlebar .titlebutton:active:hover { + background: none; + color: shade(@theme_selected_bg_color, 0.9); + box-shadow: none; +} + +/* +.titlebar .right .titlebutton:first-child { + border-left: 1px solid shade(@titlebar_bg_color, 0.9); +} + +.titlebar .right .titlebutton:last-child { +} + +.titlebar .left .titlebutton:last-child { + border-right: 1px solid shade(@titlebar_bg_color, 0.9); +} + +.titlebar .left .titlebutton:first-child { +} +*/ + +.titlebar .titlebutton:backdrop { + background-image: none; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); + icon-shadow: none; +} + +.window-frame { + border-style: none; + border-radius: 2px 2px 0 0; + box-shadow: 0 3px 7px 1px alpha(black, 0.7), + 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); + + /* this is used for the resize cursor area */ + margin: 10px; +} + +.window-frame.tiled { + border-radius: 0; +} + +.window-frame:backdrop { + box-shadow: 0 3px 5px 1px alpha(black, 0.5), + 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); +} |