omar/MosisDesigner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save state

Browse Source
This commit is contained in:
omigamedev
2026-01-15 17:57:24 +01:00
parent 1f8f06de2a
commit 6ad11773dd
8 changed files with 320 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
assets/demo.rml
View File

@@ -1,28 +1,35 @@
<rml>
<head>
<head>
<link type="text/rcss" href="html.rcss"/>
<link type="text/rcss" href="phone.rcss"/>
<title>Fullscreen Mobile UI</title>
</head>
<body>
</head>
<body>
<div id="status-bar">
<span class="time">22:47</span>
<div class="status-icons">
<span class="icon">📶</span>
<span class="icon">🔋</span>
</div>
<span class="time">22:47</span>
<div class="status-icons">
<span class="icon">📶</span>
<span class="icon">🔋</span>
<span class="icon">📶</span>
<span class="icon">🔋</span>
<span class="icon">📶</span>
<span class="icon">🔋</span>
</div>
</div>
<div id="content">
<div class="header-section">
<h1>Activity</h1>
<p>Monday, January 5</p>
</div>
<div class="header-section">
<h1>Hello omar 3 hello! and hello LEO 2 Hello!</h1>
</div>
</div>
<div id="nav-bar">
<div class="nav-item">Home</div>
<div class="nav-item">Apps</div>
<div class="nav-item">Settings</div>
<div class="nav-item">Home</div>
<div class="nav-item">Apps</div>
<div class="nav-item">Settings</div>
<div class="nav-item">Home</div>
<div class="nav-item">Apps</div>
<div class="nav-item">Settings</div>
</div>
</body>
</rml>
</body>
</rml>

93
assets/html.rcss Normal file
View File

@@ -0,0 +1,93 @@
body, div,
h1, h2, h3, h4,
h5, h6, p,
hr, pre,
tabset tabs
{
display: block;
}
h1
{
font-size: 2em;
margin: .67em 0;
}
h2
{
font-size: 1.5em;
margin: .75em 0;
}
h3
{
font-size: 1.17em;
margin: .83em 0;
}
h4, p
{
margin: 1.12em 0;
}
h5
{
font-size: .83em;
margin: 1.5em 0;
}
h6
{
font-size: .75em;
margin: 1.67em 0;
}
h1, h2, h3, h4,
h5, h6, strong
{
font-weight: bold;
}
em
{
font-style: italic;
}
pre
{
white-space: pre;
}
hr
{
border-width: 1px;
}
table
{
box-sizing: border-box;
display: table;
}
tr
{
box-sizing: border-box;
display: table-row;
}
td
{
box-sizing: border-box;
display: table-cell;
}
col
{
box-sizing: border-box;
display: table-column;
}
colgroup
{
display: table-column-group;
}
thead, tbody, tfoot
{
display: table-row-group;
}

15
assets/phone.rcss
View File

@@ -12,19 +12,20 @@ body {
/* Status Bar pinned to top */
#status-bar {
display: block;
height: 40px;
height: 140px;
padding: 10px 20px 0;
background-color: rgba(0, 0, 0, 0.2);
background-color: rgba(255, 0, 0, 0.2);
}
.time {
float: left;
font-weight: bold;
font-size: 1.1em;
font-size: 2em;
}
.status-icons {
float: right;
font-size: 2em;
}
.icon {
@@ -94,8 +95,16 @@ h1 {
.nav-item {
font-size: 1.9em;
color: #888;
background-color: red;
width: 100px;
height: 100px;
text-align: center;
vertical-align: middle;
line-height: 90px;
border-radius: 10px;
}
.nav-item:hover {
color: #3498db;
background-color: blue;
}