paella-core/src/css/MenuButton.css

Multistream HTML video player

ul.menu-button-content {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu-button-title {
	list-style: none;
    font-family: sans-serif;
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #938e8e;
}

ul.menu-button-content li.menu-button-item {
	min-width:40px;
}

ul.menu-button-content li.menu-button-item button {
	background: none;
	border: none;
	width: 100%;
	color: var(--main-fg-color);
	display: flex;
	justify-content: space-around;
}

ul.menu-button-content li.menu-button-item button:hover {
	background-color: var(--secondary-bg-color);
}

ul.menu-button-content li.menu-button-item button.selected {
	background-color: var(--highlight-bg-color);
}

ul.menu-button-content li.menu-button-item button.selected:hover {
	background-color: var(--highlight-bg-color-hover);
}

ul.menu-button-content li.menu-button-item button i.menu-icon {
	pointer-events: none;
}

ul.menu-button-content li.menu-button-item button i.menu-icon svg {
	width: 100%;
    height: 100%;
    fill: var(--main-fg-color);
	color: var(--main-fg-color);
	height: 40px;
}

ul.menu-button-content li.menu-button-item button span.menu-title {
	height: 40px;
	line-height: 40px;
	padding-left: 4px;
	padding-right: 4px;
	pointer-events: none;
}