UnityDecoration {
    -UnityDecoration-extents: 28px 0 0 0;
    -UnityDecoration-input-extents: 10px;

    -UnityDecoration-shadow-offset-x: 1px;
    -UnityDecoration-shadow-offset-y: 1px;
    -UnityDecoration-active-shadow-color: rgba(0,0,0,0.7);
    -UnityDecoration-active-shadow-radius: 8px;
    -UnityDecoration-inactive-shadow-color: rgba(0,0,0,0.5);
    -UnityDecoration-inactive-shadow-radius: 5px;

    -UnityDecoration-glow-size: 10px;
    -UnityDecoration-glow-color: @theme_selected_bg_color;

    -UnityDecoration-title-indent: 10px;
    -UnityDecoration-title-fade: 35px;
    -UnityDecoration-title-alignment: 0.0;
}

UnityDecoration .top {
    border: none;
    border-radius: 6px 6px 0 0;
    padding: 1px 8px 0 8px;
    background-color: @titlebar_bg_color;
    background-image: linear-gradient(to bottom,
                                      shade(@titlebar_bg_color, 1.02),
                                      shade(@titlebar_bg_color, 1.0)
                                      );
    color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
    text-shadow: none;
}

UnityDecoration .top:backdrop {
    background-color: @theme_unfocused_bg_color;
    background-image: none;
    color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
}

UnityDecoration .left,
UnityDecoration .right,
UnityDecoration.bottom {
    background-color: @titlebar_bg_color;
}

UnityDecoration .left:backdrop,
UnityDecoration .right:backdrop,
UnityDecoration.bottom:backdrop {
    background-color: @titlebar_bg_color;
}

UnityDecoration .bottom {
    background-image: none;
    background-color: @borders;
}

UnityPanelWidget,
.unity-panel {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: @panel_bg_color;
    background-color: @panel_bg_color;
    background-image: none;
    color: @panel_fg_color;
}

.unity-panel.menubar,
.unity-panel .menubar {
}

.unity-panel.menuitem,
.unity-panel .menuitem {
    border-width: 0 1px;
    color: @panel_fg_color;
}

/* new menubar function in unity 7.5 */
UnityDecoration.menuitem,
UnityDecoration .menuitem {
    border-radius: 0;
}

UnityDecoration .menuitem:hover,
UnityDecoration .menuitem *:hover,
.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem *:hover {
    background-image: none;
    background-color: @theme_selected_bg_color;
    color: @theme_selected_fg_color;
}

@keyframes playbackmenuitem_spinner {
    to { -gtk-icon-transform: rotate(1turn); }
}

.menu IdoPlaybackMenuItem.menuitem:active {
    -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
    animation: playbackmenuitem_spinner 1s infinite linear;
    color: @selected_bg_color;
}
