nxemu/lang/english/css/main_window.css

html
{
  border: none;
  background-color: #30373b;
}

html[window-state="maximized"]
{
  border: window-frame-width solid transparent;
}

html > header
{
  width: *;
  flow: horizontal;
  background-color: threedface;
  height: window-caption-height;
  margin: 0;
}

html > header > window-caption
{
  display: block;
  line-height: window-caption-height;
  width: *;
  padding: 0 1em;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 0.9em;
  font-weight: 100;
}

html > header > window-caption span
{
  vertical-align: middle;
}

html > header > window-caption img
{
  vertical-align: middle;
  margin-right: 0.4em;
  width: 1.5em;
  height: 1.5em; 
}

html > header > window-buttons
{
  display: block;
  flow: horizontal;
  width: max-content;
  height: *;
}

html > header > window-buttons > window-button {
  behavior: clickable;
  display: block;
  height: *;
  width: window-button-width;
  foreground-size: 2em 1.5em;
  foreground-repeat: no-repeat;
  foreground-position: 50% 50%;
  stroke-width: 0;
  fill: #000000;
  transition: background-color linear 100ms;
  padding: 0.25em;
}

html > header > window-buttons > window-button:hover
{
  background: rgba(0,0,0,0.25);
}

html > header > window-buttons > window-button[role="window-close"]
{
  foreground-image: url(icon:window-close);
}

html > header > window-buttons > window-button[role="window-close"]:hover
{
  background: rgb(232,17,35);
  fill: #fff;
}

html > header > window-buttons > window-button[role="window-maximize"]
{
  foreground-image: url(icon:window-maximize);
}

html[window-state="maximized"]
{
  border-color: transparent;
}

html[window-state="maximized"] > header > window-buttons > window-button[role="window-maximize"]
{
  foreground-image: url(icon:window-restore);
}

html > header > window-buttons > window-button[role="window-minimize"]
{
  foreground-image: url(icon:window-minimize);
}

ul#menu-bar
{
  margin: 0;
  border-bottom: 1px solid #434242;
  border-left: 1px solid transparent;
  background: #31363b;
  color: #eff0f1;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 0.9em;
  font-weight: 100;
}

ul#menu-bar
{
  behavior:menu-bar;
  flow: horizontal;
  padding: 0;
  margin: 0;
}

ul#menu-bar > li
{
  padding: 0.5em 0.5em 0.1em 0.5em;
  border: 1px solid transparent;
  margin:0;
  white-space:nowrap;
  width:max-content;
  display:block;
  flow:horizontal;
}

ul#menu-bar > li:hover
{
  border: 1px solid #76797c;
}

ul#menu-bar:focus > li:current,
ul#menu-bar > li:owns-popup {
  background-color: #3daee9;
}

menu
{
  behavior:menu;
  flow: vertical;
  display:none;
  margin:0;
  padding:0;
  max-width:max-content;
  background: #31363b;
  color: #eff0f1;
}

@media (menu-animation-supported) {
   menu {
     popup-animation: popup-animation(type:blend,duration:100ms);
   }
}

menu menu
{
  max-width: max-content;
}

menu li
{
  width:*;
  display:block;
  flow:horizontal;
  vertical-align:middle;
  foreground-repeat: no-repeat;
  foreground-position: left 2px top 50%;
  padding: 0.7em 1.8em 0.7em 1.3em;
  margin: 0;
}

menu li:hover
{
  background: #18465d;
}

menu li:disabled 
{ 
  color:graytext; 
  foreground-image: none; 
}
menu li:has-child-of-type(menu)
{
  foreground-image:url(stock:arrow-right);
  foreground-repeat: no-repeat;
  foreground-position: top 50% right 2px;
}

menu li:has-child-of-type(menu):rtl
{
  foreground-image:url(stock:arrow-left);
  foreground-repeat: no-repeat;
  foreground-position: top 50% left 2px;
}

#MainContents
{
  width: 100%%;
  height: 100%%;
}