diff --git a/[esx]/esx_menu_default/html/css/app.css b/[esx]/esx_menu_default/html/css/app.css index d7ed0110..4214d78c 100644 --- a/[esx]/esx_menu_default/html/css/app.css +++ b/[esx]/esx_menu_default/html/css/app.css @@ -9,11 +9,8 @@ min-width: 350px; color: #fff; position: absolute; - padding: 10px; - background: rgba(33, 33, 33, 0.4); - -webkit-box-shadow: 10px 9px 42px -5px rgba(0, 0, 0, 0.52); - -moz-box-shadow: 10px 9px 42px -5px rgba(0, 0, 0, 0.52); - box-shadow: 10px 9px 42px -5px rgba(0, 0, 0, 0.52); + padding: auto; + background: rgba(33, 33, 33, 0.0); text-allign: center; } @@ -21,18 +18,19 @@ display: block; text-align: center; overflow: hidden; + padding-bottom: 3px; + text-allign: center; + margin-bottom: 5px; white-space: nowrap; - margin-left: 10px; - margin-right: 10px; + background: rgba(10, 10, 10, 0.9); } .menu .head { text-allign: center; height: 28px; color: #ffffff; - font-weight: 300; - line-height: 18px; - font-size: 18px; + font-weight: 700; + font-size: 20px; } .menu .menu-items { @@ -52,16 +50,16 @@ height: 16px; text-indent: 5px; margin-top: 5px; - background: rgba(33, 33, 33, 0.6); + background: rgba(40, 40, 40, 0.8); color: rgb(202, 202, 202); - border-radius: 10px; + border-radius: 5px; margin-bottom: 6px; } .menu .menu-items .menu-item.selected { - background: rgba(21, 35, 99, 0.2); - border: 1.4px solid rgba(243, 243, 243, 0.7); - border-radius: 10px; + background: rgba(31, 31, 31, 0.525); + border: 1px solid rgba(55, 55, 55, 0.9); + background: rgba(20, 20, 20, 0.9); color: rgba(243, 243, 243); letter-spacing: 0.2px; font-weight: 500; @@ -70,73 +68,45 @@ .menu.align-left { left: 0; top: 50%; - border-right: 6px solid (rgba(21, 35, 99, 0.2)); - border-top-right-radius: 10px; - border-bottom-left-radius: 10px; } .menu.align-top-left { left: 40; top: 0; - border-bottom: 6px solid rgba(21, 35, 99, 0.2); - border-bottom-right-radius: 10px; - border-bottom-left-radius: 10px; } .menu.align-top { left: 50%; top: 0; - border-bottom: 6px solid rgba(21, 35, 99, 0.2); - border-bottom-right-radius: 10px; - border-bottom-left-radius: 10px; } .menu.align-top-right { right: 10; top: 0; - border-bottom: 6px solid rgba(21, 35, 99, 0.2); - border-bottom-right-radius: 10px; - border-bottom-left-radius: 10px; } .menu.align-right { right: 0; top: 50%; - border-left: 6px solid rgba(21, 35, 99, 0.2); - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; - transform: translate(0, -50%); } .menu.align-bottom-right { right: 40; bottom: 0; - border-bottom: 6px solid rgba(21, 35, 99, 0.2); - border-bottom-right-radius: 10px; - border-bottom-left-radius: 10px; } .menu.align-bottom { left: 50%; bottom: 0; - border-left: 6px solid rgba(21, 35, 99, 0.2); - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; transform: translate(0, -50%); } .menu.align-bottom-left { left: 40; bottom: 0; - border-left: 6px solid rgba(21, 35, 99, 0.2); - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; } .menu.align-center { left: 50%; top: 50%; - transform: translate(0, -50%); - border-top: 6px solid rgba(21, 35, 99, 0.2); - border-radius: 10px; } \ No newline at end of file