153 lines
4.8 KiB
CSS
153 lines
4.8 KiB
CSS
/********
|
|
* menu *
|
|
********/
|
|
|
|
/*
|
|
Contributor notes:
|
|
Please use two space indentions.
|
|
Stack all related and child selectors and selector states into a logical hierarchy to a readable degree.
|
|
Make sure that all changes made here are part of the GtkMenu.
|
|
*/
|
|
|
|
/* we dont want any extra padding in these */
|
|
menuitem > window,
|
|
window > menu {
|
|
padding: 0px; }
|
|
|
|
.menu {
|
|
padding: 0px;
|
|
border: 1px solid @border_dark;
|
|
box-shadow: none;
|
|
background-color: @bg_bright;
|
|
color: @text_color;
|
|
-gtk-icon-style: regular }
|
|
|
|
/* NOTE: Menu border styling is moved to client side decorations. See gtk-window.css for menu border styling. */
|
|
menu {
|
|
background-color: @menu_bg_color; /* NOTE: While a background colour is required here, there will be a 2px internal padding applied to window decorations which will also have a background colour too. */
|
|
color: @menu_text_color;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
-gtk-icon-style: regular }
|
|
menu menuitem {
|
|
padding: 3px 2px;
|
|
background-color: transparent; }
|
|
menu menuitem check,
|
|
menu menuitem radio {
|
|
padding-right: 4px; }
|
|
menuitem:active,
|
|
menuitem:hover {
|
|
background-color: @theme_selected_bg_color;
|
|
color: @selected_fg_color; }
|
|
|
|
/* menubar */
|
|
menubar,
|
|
.menubar {
|
|
-GtkWidget-window-dragging: false;
|
|
background-color: @menu_bg_color;
|
|
color: @menu_text_color;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
menubar menuitem {
|
|
padding: 0px 6px;
|
|
min-height:20px; }
|
|
|
|
menu separator {
|
|
padding: 3px;
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
border: none;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 1px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
background-image: url("assets/handle-h.png");
|
|
background-repeat: repeat-x;
|
|
background-position: center center;
|
|
border-image: none;
|
|
box-shadow: none; }
|
|
|
|
/* Menu arrows */
|
|
menu arrow {
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 10px;
|
|
min-height: 10px;
|
|
min-width: 10px;
|
|
-gtk-icon-source: none; }
|
|
menu :hover > arrow {
|
|
background-image: url("assets/arrow-down-selected.png"); }
|
|
menu arrow.right {
|
|
background-image: url("assets/arrow-right.png"); }
|
|
menu :hover > arrow.right {
|
|
background-image: url("assets/arrow-right-selected.png"); }
|
|
menu :checked > arrow.right,
|
|
menu :disabled > arrow.right {
|
|
background-image: url("assets/arrow-right-disabled.png"); }
|
|
menu arrow.left {
|
|
background-image: url("assets/arrow-left.png"); }
|
|
menu :hover > arrow.left {
|
|
background-image: url("assets/arrow-left-selected.png"); }
|
|
menu :checked > arrow.left,
|
|
menu :disabled > arrow.left {
|
|
background-image: url("assets/arrow-left-disabled.png"); }
|
|
menu arrow.up {
|
|
background-image: url("assets/arrow-up.png"); }
|
|
menu :hover > arrow.up {
|
|
background-image: url("assets/arrow-up-selected.png"); }
|
|
menu :checked > arrow.up
|
|
menu :disabled > arrow.up {
|
|
background-image: url("assets/arrow-up-disabled.png"); }
|
|
menu arrow.down {
|
|
background-image: url("assets/arrow-down.png"); }
|
|
menu :hover > arrow.down {
|
|
background-image: url("assets/arrow-down-selected.png"); }
|
|
menu :checked > arrow.down,
|
|
menu :disabled > arrow.down {
|
|
background-image: url("assets/arrow-down-disabled.png"); }
|
|
|
|
/* Directional menu arrow styling */
|
|
/* Top arrow */
|
|
menu > arrow.top,
|
|
.menu > arrow.top,
|
|
.context-menu > arrow.top {
|
|
background-image: url("assets/arrow-up.png");
|
|
background-color: @bg_color;
|
|
border-bottom: 1px solid @border_bright;
|
|
padding: 5px;
|
|
box-shadow: inset 0 -1px 0 0 @border_shade; }
|
|
menu > arrow.top:hover,
|
|
.menu > arrow.top:hover,
|
|
.context-menu > arrow.top:hover {
|
|
background-image: url("assets/arrow-up-selected.png"); }
|
|
menu > arrow.top:disabled,
|
|
.menu > arrow.top:disabled,
|
|
.context-menu > arrow.top:disabled {
|
|
background-image: url("assets/arrow-up-disabled.png"); }
|
|
menu > arrow.top:checked,
|
|
.menu > arrow.top:checked,
|
|
.context-menu > arrow.top:checked {
|
|
background-image: url("assets/arrow-up-disabled.png"); }
|
|
|
|
/* Bottom arrow */
|
|
menu > arrow.bottom,
|
|
.menu > arrow.bottom,
|
|
.context-menu > arrow.bottom {
|
|
background-image: url("assets/arrow-down.png");
|
|
background-color: @bg_color;
|
|
border-top: 1px solid @border_shade;
|
|
padding: 5px;
|
|
box-shadow: inset 0 1px 0 0 @border_bright; }
|
|
menu > arrow.bottom:hover,
|
|
.menu > arrow.bottom:hover,
|
|
.context-menu > arrow.bottom:hover {
|
|
background-image: url("assets/arrow-down-selected.png"); }
|
|
menu > arrow.bottom:disabled,
|
|
.menu > arrow.bottom:disabled,
|
|
.context-menu > arrow.bottom:disabled {
|
|
background-image: url("assets/arrow-down-disabled.png"); }
|
|
menu > arrow.bottom:checked,
|
|
.menu > arrow.bottom:checked,
|
|
.context-menu > arrow.bottom:checked {
|
|
background-image: url("assets/arrow-down-disabled.png"); }
|