paper-gtk-theme/Paper/gtk-3.0/widgets/header-bar.css

/* Copyright 2016 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
* The Paper GTK theme is free software: you can redistribute it
* and/or modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* The Paper GTK theme is distributed in the hope that it will be
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
* Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
*/


@define-color backdrop_header_text alpha(@header_text, 0.7);
@define-color insensitive_header_text alpha(@header_text, 0.5);
@define-color backdrop_header_text_dark alpha(@header_text_dark, 0.7);
@define-color insensitive_header_text_dark alpha(@header_text_dark, 0.5);

/**************
 * Header Bar *
 **************/

.header-bar {
    padding:0;
    border: none;
    border-radius: 4px 4px 0 0;
    background-color: @header;
    color: @header_text;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}


.maximized .header-bar {
    border-radius: 0px;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
    box-shadow: none;
}

.header-bar:backdrop {
    background-image: none;
    background-color: @backdrop_header;
    color: @backdrop_header_text;
    box-shadow: none;
}

.header-bar *:insensitive {
    color: @insensitive_header_text;
}

/* Title */
.title,
.header-bar .title {
    padding: 0;
    padding-left: 13px;
    padding-right: 13px;
    font: Bold;
    color: @header_text;
}

.header-bar > GtkImage {
    color: @header_text;
}

.header-bar .button.button.linked .title,
.header-bar .button.flat .title {
    padding: 0;
}

.header-bar .title:backdrop {
    color: @backdrop_header_text;
}

/* Subtitle */
.header-bar .subtitle {
    padding: 0;
    font: 9;
}

.header-bar .subtitle,
.header-bar .subtitle GtkLabel,
.header-bar .subtitle GtkImage {
    color: alpha(@header_text, 0.8);
}

.header-bar .subtitle:backdrop,
.header-bar .subtitle:backdrop GtkLabel,
.header-bar .subtitle:backdrop GtkImage  {
    color: alpha(@backdrop_header_text,0.8);
}

/*Images*/

.header-bar GtkImage,
.header-bar *:active GtkImage,
.header-bar *:focus GtkImage,
.header-bar *:hover GtkImage {
    color: @header_text;
}

.header-bar *:backdrop GtkImage,
.header-bar *:backdrop:hover GtkImage,
.header-bar *:active:backdrop GtkImage {
    color: shade(@header_text, 1.1);
    /*-gtk-image-effect: dim;*/
}

.header-bar *:insensitive GtkImage
.header-bar *:insensitive:backdrop GtkImage {
    color: @header_text;
    -gtk-image-effect: dim;
}


/* Separator */
.header-bar .separator {
    background: none;
    color: @separator;
}

/* Buttons */
.header-bar .button,
.header-bar .flat,
.header-bar .button.image-button,
.header-bar .button.linked,
.header-bar .suggested-action .button,
.header-bar .button.text-button,
.header-bar .titlebutton {
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    padding: 10px 12px;
    color: @header_text;
}

/* Buttons (Hover) */
.header-bar .button:hover,
.header-bar .flat:hover,
.header-bar .button.image-button:hover,
.header-bar .button.linked:hover,
.header-bar .suggested-action .button:hover,
.header-bar .button.text-button:hover,
.header-bar .titlebutton:hover {
    background-image: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    background-color: alpha(#000,0.1);
    color: @header_text;
}

/* Buttons (Backdrop) */
.header-bar .button:backdrop,
.header-bar .flat:backdrop,
.header-bar .button.image-button:backdrop,
.header-bar .button.linked:backdrop,
.header-bar .suggested-action .button:backdrop,
.header-bar .button.text-button:backdrop,
.header-bar .titlebutton:backdrop {
    background: none;
    background-image: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    color: shade(@header_text, 1.1);
}

/* Buttons (Insensitive) */
.header-bar .button:insensitive,
.header-bar .flat:insensitive,
.header-bar .button.image-button:insensitive,
.header-bar .button.linked:insensitive,
.header-bar .suggested-action .button:insensitive,
.header-bar .button.text-button:insensitive,
.header-bar .titlebutton:insensitive {
    background: none;
    background-image: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    color: alpha(@header_text, 0.5);
}

/* Buttons (Checked) */
.header-bar .button:checked,
.header-bar .flat:checked,
.header-bar .button.image-button:checked,
.header-bar .button.linked:checked,
.header-bar .suggested-action .button:checked,
.header-bar .button.text-button:checked,
.header-bar .titlebutton:checked {
    font: Bold;
    background-image: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    background-color: alpha(#000,0.1);
    color: @header_text;
    box-shadow:inset 0 -2px 0 0 @header_text;
}

/* Buttons (Active/Focused) */
.header-bar .button:focus,
.header-bar .flat:focus,
.header-bar .button.image-button:focus,
.header-bar .button.linked:focus,
.header-bar .suggested-action .button:focus,
.header-bar .button.text-button:focus,
.header-bar .titlebutton:focus,
.header-bar .button:active,
.header-bar .flat:active,
.header-bar .button.image-button:active,
.header-bar .button.linked:active,
.header-bar .suggested-action .button:active,
.header-bar .button.text-button:active,
.header-bar .titlebutton:active {
    background-image: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    background-color: alpha(#000,0.1);
    color: @header_text;
}

/* Separators */

.header-bar > GtkBox > .separator.vertical {
    -GtkWidget-wide-separators: 1;
    -GtkWidget-separator-width: 0;
    background-color: @separator;
    color: @separator;
    border:none;
}

.header-bar .separator,
.header-bar .button .separator,
.header-bar .button.separator {
    background: inherit;
    color: @separator;
    border:none;
} 


/* Entries */

.header-bar .entry {
    background: none;
    color: @header_text;
    border-radius: 0px;
    border: 1px solid transparent;
    box-shadow: none;
}

.header-bar .entry:active,
.header-bar .entry:focus {
    background: none;
    color: @header_text;
    border: none;
}

.header-bar .entry:backdrop {
    background: none;
    color: @backdrop_header_text;
    border: none;
}

.header-bar .entry:selected,
.header-bar .entry:selected:focus {
    color: @header;
    background-color: @header_text;
}

.header-bar .entry.image {
    color: @insensitive_base;
}

.header-bar .entry.image.left {
    padding-right: 6px;
    color: @header_text;
}


/* switches */

.header-bar GtkSwitch {
    border-radius: 1em;
    font: bold;
}

/* Trough */
.header-bar GtkSwitch.trough {
    background: none;
    border: none;
    background-color: alpha(@header_text, 0.2);
    color: @insensitive_header_text;
    background-image: none;
}

.header-bar GtkSwitch.trough:active {
    background: none;
    border: none;
    background-color: alpha(@header_text, 0.2);
    color: @header_text;
    background-image: none;
}

.header-bar GtkSwitch.trough:backdrop,
.header-bar GtkSwitch.trough:active:backdrop {
    background: none;
    border: none;
    background-color: alpha(@header_text, 0.1);
    color: @backdrop_header_text;
    background-image: none;
}

.header-bar GtkSwitch.trough:insensitive,
.header-bar GtkSwitch.trough:active:insensitive {
    background: none;
    background: none;
    border: none;
    color: @insensitive_header_text;
    background-image: none;
}

/* Slider */
.header-bar GtkSwitch.slider,
.header-bar GtkSwitch.slider:active {
    background: none;
    border: none;
    background-color: @header_text;
    background-image: none;
    color: @header_text;
}

.header-bar GtkSwitch.slider:active:insensitive,
.header-bar GtkSwitch.slider:insensitive {
    background: none;
    border: none;
    background-color: @insensitive_header_text;
    background-image: none;
    color: @insensitive_header_text;
}

.header-bar GtkSwitch.slider:active:backdrop,
.header-bar GtkSwitch.slider:backdrop {
    background: none;
    border: none;
    background-color: @backdrop_header_text;
    background-image: none;
    color: @backdrop_header_text;
}