gtk.css

gtk.css

/* 
    ###################################
    ## Customgtk-3.0 css definitions ##
    ###################################
*/

/* notify buttons */
#showdesktop-button image {
    -gtk-icon-transform: scale(1);
}
#pulseaudio-button image {
    -gtk-icon-transform: scale(0.5);
}
#xfce4-clipman-plugin image {
    -gtk-icon-transform: scale(0.5);
}
#xfce4-notification-plugin image {
    -gtk-icon-transform: scale(0.5);
}
#xfce4-power-manager-plugin image {
    -gtk-icon-transform: scale(0.6);
}
#xfce-panel-toggle-button image {
    -gtk-icon-transform: scale(0.6);
}

/* shrink headerbars */
headerbar {
    border: 0;
    background-color: #2d2d2d;
    border-radius: 0;
    min-height: 0;
    padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
    padding-right: 2px;
}
headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-bottom: 0;
    margin-top: 0; /* same as headerbar side padding for nicer proportions */
}

/* shrink ssd titlebars */
.default-decoration {
    background-color: #2d2d2d;
    min-height: 0; /* let the entry and button drive the titlebar size */
    padding: 0;
}
.default-decoration .titlebutton {
    min-height: 0; /* tweak these two props to reduce button size */
    min-width: 0;
}
window.ssd headerbar.titlebar {
    min-height: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}
window.ssd headerbar.titlebar button.titlebutton {
    border-radius: 0;
    min-height: 0;
    margin-right: 2px;
    padding: 3px;
}
.tasklist button {
    border-width: 2px;
    border-style: solid;
}
.tasklist button {
    border-color: white;
    border-radius: 2px;
    margin-left: 4px;
}
.tasklist button:checked {
    border-color: cyan;
    border-radius: 2px;
    box-shadow: none;
}
.tasklist button:hover {
    border-color: white;
    border-radius: 2px;
}

/* Whisker Menu */
#whiskermenu-window {
    color: #000000;
    border-radius: 6px;
    background: #eef4f9;
    font-size: 14px;
    padding: 4px;
}
#whiskermenu-window border {
    border-color: transparent;
    border-width: 0px;
    border-radius: 6px;
    color: #000000;
    padding: 4px;
    box-shadow: inset 0px 0px 0px 1px #bcbcbc;
}
#whiskermenu-window separator {
    background-color: #bcbcbc;
}
#whiskermenu-window frame {
    margin-left: 40%;
}

/* Make sidebar buttons match */
#whiskermenu-window button {
    background-color: transparent;
    border-color: transparent;
    border-radius: 3px;
    color: #000000;
    padding: 0px;
    margin: 1px;
    font-size: 12px;
    box-shadow: none;
}
#whiskermenu-window button:hover {
    background: transparent;
    border: 1px solid #bcbcbc;
    color: #000000;
}
#whiskermenu-window button:active {
    background: transparent;
    border: 1px solid #bcbcbc;
    color: #000000;
}
#whiskermenu-window button:checked {
    background: transparent;
    border: 1px solid #bcbcbc;
    color: #000000;
}

/* Make treeview match */
#whiskermenu-window treeview {
    background: transparent;
    color: #000000;
    padding: 0px;
    margin: 1px;
    font-size: 12px;
    text-shadow: none;
}
#whiskermenu-window treeview:hover {
    background: transparent;
    border-radius: 3px;
    border: 1px solid #bcbcbc;
    color: #000000;
}
#whiskermenu-window .view,
iconview,
#whiskermenu-window .view text,
iconview text,
textview text {
    background-color: transparent;
    font-size: 12px;
}
#whiskermenu-window .view:hover,
iconview,
#whiskermenu-window .view:hover text,
iconview text,
textview text {
    background-color: rgba(192, 192, 192, 0.3);
    font-size: 12px;
    color: #3c3c3c;
}
#whiskermenu-window .frame {
    border: transparent;
    border-radius: 0px;
    color: #3c3c3c;
}

/* Menu search box */
#whiskermenu-window entry {
    background: rgba(255, 255, 255, 0.5);
    border-top: 1px solid #dcdcdc;
    border-bottom: 2px solid #398ee8;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-radius: 5px;
    color: #3c3c3c;
    font-size: 12px;
    text-shadow: none;
}

/* whiskermenu scrollbar */
#whiskermenu-window scrollbar {
    background: transparent;
    border-color: transparent;
}
#whiskermenu-window scrollbar:backdrop {
    background: transparent;
    border-color: transparent;
}
#whiskermenu-window scrollbar slider {
    min-width: 4px;
    min-height: 4px;
    margin: 2px;
    border: 1px solid #eef4f9;
    border-radius: 3px;
    background-clip: padding-box;
    background: #9c9c9c;
}
#whiskermenu-window scrollbar slider:hover {
    background: #6c6c6c;
    border-color: #6c6c6c;
}
#whiskermenu-window scrollbar slider:hover:active {
    background: #6c6c6c;
    border-color: #6c6c6c;
}
#whiskermenu-window scrollbar slider:backdrop {
    background: transparent;
}
#whiskermenu-window scrollbar slider:disabled {
    background: transparent;
}