New REM client: REM-Client 8db8f8c, 64-bit (modern REM UI for all windows, switchable with modern_ui: main menu, options, dealers, nav map, inventory, chat with history and settings, PM windows, notifications, flight HUD in FL's shape with HUD editor, colour themes; NeuroNet icons fly to the screen's middle; cursor / crosshair colour presets; dealers open at bases with real dealer rooms; text fields take typed keys)
This commit is contained in:
@@ -0,0 +1,43 @@
|
||||
<rml>
|
||||
<head>
|
||||
<title>Nav bar</title>
|
||||
<link type="text/rcss" href="rem.rcss"/>
|
||||
<style>
|
||||
/* only as big as the bar, centred at the top: the mouse beside it goes to the game */
|
||||
body.navstrip
|
||||
{
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 4dp;
|
||||
width: auto;
|
||||
transform: translateX(-50%);
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
}
|
||||
.navbar { display: flex; flex-direction: row; align-items: center; padding: 3dp 6dp; background-color: #070b12e6; border: 2dp #3d6d96; border-radius: 4dp; }
|
||||
.nb { display: flex; flex-direction: row; align-items: center; padding: 4dp 10dp 4dp 6dp; margin: 0 2dp; border: 1dp #00000000; border-radius: 3dp; }
|
||||
.nb:hover { border-color: #5cc8f0; background-color: #122033; }
|
||||
.nb.active { border-color: #f2b13c; background-color: #f2b13c1f; }
|
||||
.nb.disabled { opacity: 0.4; }
|
||||
.nb.disabled:hover { border-color: #00000000; background-color: transparent; }
|
||||
.nb img { width: 28dp; height: 28dp; margin-right: 6dp; }
|
||||
.nb span { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 13dp; letter-spacing: 1dp; text-transform: uppercase; color: #dbe6f0; }
|
||||
.nb.active span { color: #f2b13c; }
|
||||
.nb:hover span { color: #5cc8f0; }
|
||||
.nb.tab img { width: 22dp; height: 22dp; }
|
||||
.nb.tab span { font-size: 12dp; color: #8197ad; }
|
||||
.sep { width: 1dp; height: 28dp; background-color: #3d6d96; margin: 0 8dp; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="navstrip" data-model="navbar">
|
||||
<div class="navbar" data-if="shown">
|
||||
<div class="nb" data-for="b : rooms" data-class-active="b.active" data-class-disabled="b.disabled" data-action="click" data-attr-data-arg="b.key">
|
||||
<img data-if="b.icon != ''" data-attr-src="b.icon"/><span>{{ b.label }}</span>
|
||||
</div>
|
||||
<div class="sep" data-if="tabs.size > 0"></div>
|
||||
<div class="nb tab" data-for="b : tabs" data-class-active="b.active" data-class-disabled="b.disabled" data-action="click" data-attr-data-arg="b.key">
|
||||
<img data-if="b.icon != ''" data-attr-src="b.icon"/><span>{{ b.label }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</rml>
|
||||
Reference in New Issue
Block a user