/*
* Copyright (c) 2011-2016 elementary LLC. (http://launchpad.net/egtk)
*
* This program 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 2 of the License, or (at your option) any later version.
*
* This program 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 this program; if not, write to the
* Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
* Boston, MA 02110-1301 USA.
*
* Authored by: Daniel Foré <daniel@elementary.io>
*/

/***********
* Epiphany *
***********/

.incognito.titlebar {
    background-image:
        -gtk-icontheme(
            "user-not-tracked-symbolic"
        ),
        linear-gradient(
            to bottom,
            shade (
                @colorPrimary,
                1.04
            ),
            shade (
                @colorPrimary,
                0.94
            )
        );
    background-size: 64px 64px, 100% 100%;
    background-position: 100px, 0, 0 0;
    background-repeat: no-repeat, no-repeat;
    color: @text_shadow_color;
}

.incognito.titlebar:backdrop {
    background-image:
        -gtk-icontheme(
            "user-not-tracked-symbolic"
        ),
        linear-gradient(
            shade (
                @colorPrimary,
                1.08
            ),
            shade (
                @colorPrimary,
                0.98
            )
        );
}

.floating-bar {
    background-color: alpha (#222, 0.9);
    border-radius: 3px;
    border-width: 0;
    box-shadow:
        0 1px 3px alpha (#000, 0.12),
        0 1px 2px alpha (#000, 0.24);
    color: #fff;
    padding: 2px 0;
    margin: 6px;
    text-shadow: 0 1px 2px alpha (#000, 0.6);
}

.floating-bar label {
    color: #fff;
    text-shadow: 0 1px 2px alpha (#000, 0.6);
}

/********
* Files *
********/

.pathbar:focus {
    box-shadow:
        inset 0 0 0 1px alpha (@colorAccent, 0.23),
        0 1px 0 alpha (@bg_highlight_color, 0.3);
    border-color: alpha (@colorAccent, 0.8);
}

.pathbar:active {
    background-image: none;
    background-color: transparent;
    border-color: alpha (@colorAccent, 0.8);
    box-shadow: inset 0 0 0 1px alpha (@colorAccent, 0.23);
}

.pathbar image {
    color: @internal_element_color;
}

.pathbar image:hover {
    color: @internal_element_prelight;
}

dialog entry.pathbar {
    background-image:
        linear-gradient(
            to bottom,
            shade (
                @base_color,
                0.93
            ),
            shade (
                @base_color,
                0.97
            )
        );
    border-color: @border_color;
    box-shadow:
        inset 0 1px 0 0 alpha (@inset_dark_color, 0.7),
        inset 0 0 0 1px alpha (@inset_dark_color, 0.3),
        0 1px 0 0 alpha (shade (@colorPrimary, 1.4), 0.5);
}

dialog entry.pathbar:focus {
    border-color: alpha (@colorAccent, 0.8);
    box-shadow:
        inset 0 0 0 1px alpha (@colorAccent, 0.23),
        0 1px 0 0 alpha (shade (@colorPrimary, 1.4), 0.5);
}

/*******
* Gala *
*******/

.gala-notification {
    border: none;
    border-radius: 4px;
    background-color: transparent;
    background-image:
        linear-gradient(
            to bottom,
            @bg_color,
            @bg_color 80%,
            shade (
                @bg_color,
                0.94
            )
        );
    box-shadow:
        inset 0 0 0 1px alpha (@bg_highlight_color, 0.1),
        inset 0 1px 0 0 alpha (@bg_highlight_color, 0.9),
        inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.3),
        0 0 0 1px alpha (#000, 0.2),
        0 3px 6px alpha (#000, 0.16),
        0 5px 5px -3px alpha (#000, 0.4);
}

.gala-notification .title,
.gala-notification .label {
    color: @text_color;
}

.gala-notification image {
    color: alpha (@text_color, 0.8);
}

.gala-button {
    padding: 3px;
    color: #fff;
    border: none;
    border-radius: 100px;
    background-image:
        linear-gradient(
            to bottom,
            #7e7e7e,
            #3e3e3e
        );
    box-shadow:
        inset 0 0 0 1px alpha (#fff, 0.02),
        inset 0 1px 0 0 alpha (#fff, 0.07),
        inset 0 -1px 0 0 alpha (#fff, 0.01),
        0 0 0 1px alpha (#000, 0.4),
        0 3px 6px alpha (#000, 0.16),
        0 3px 6px alpha (#000, 0.23);
    text-shadow: 0 1px 1px alpha (#000, 0.6);
}

/********
* Geary *
********/

paned statusbar frame {
    border: none;
}

/**********
 * Photos *
 *********/

.checkboard-layout .item {
    background-color: #eee;
}

/***************
 * Switchboard *
 **************/

.login entry {
    padding: 6px;
}

.login entry *:selected {
    background-color: shade (@base_color, 0.8);
    color: @text_color;
}

.login entry *:selected:focus {
    background-color: alpha (@colorAccent, 0.9);
    color: @selected_fg_color;
    text-shadow: none;
}
