1. Öppna esx_menu_default / html / css / app.css
2. Ta bort allt innehåll
3. Klista in det här
@font-face {
  font-family: bankgothic;
  src: url('../fonts/bankgothic.ttf');
}

@font-face {
  font-family: bisonbold;
  src: url('../fonts/bisonbold.ttf');
}

.menu {
  background-image: url("https://s3.envato.com/files/212542380/Dark%20Background%20%20%20%2001_preview1%20.JPG");
  font-family: 'Oswald', sans-serif;
  min-width: 400px;
  color: transparent;
  box-shadow: 0px 0px 50px 0px #000;
  position: absolute;
  text-decoration: none;
  color: #333333;
  opacity: 10%;
}

.menu .head {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  text-align: center;
  height: 50px;
  line-height: 50px;
}

.menu .menu-items {
  max-height: 600px;
  overflow-y: auto;
  padding: 25px;
  text-decoration: none;
}

.menu .menu-items .menu-item {
  color: #fff;
  background: #232323;
  text-decoration: none;
  line-height: 32px;
  border-left: 2px solid transparent;
  border-bottom: 1px solid black;
  padding-left: 5px;
}

.menu .menu-items .menu-item.selected {
  border-left: 2px solid red;
}

.menu.align-left {
  left: 40;
  top: 50%;
  transform: translate(0, -50%);
}

.menu.align-top-left {
  left: 40;
  top: 40;
}

.menu.align-top {
  left: 50%;
  top: 40;
  transform: translate(-50%, 0);
}

.menu.align-top-right {
  right: 10;
  top: 40;
}

.menu.align-right {
  right: 40;
  top: 50%;
  transform: translate(0, -50%);
}

.menu.align-bottom-right {
  right: 40;
  bottom: 40;
}

.menu.align-bottom {
  left: 50%;
  bottom: 40;
  transform: translate(-50%, 0);
}

.menu.align-bottom-left {
  left: 40;
  bottom: 40;
}

.menu.align-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}