the init checkin of the interface skeleton of the simulator. with full functional l10n support.

2020-03-07 12:12:18 +08:00
parent fa9e100d1b
commit 240a5f57c1
3 changed files with 635 additions and 0 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,63 @@
+body {
+    background-color: #f0f0f0;
+    font-family: monospace;
+    font-size: 14px;
+}
+
+body, div, img {
+    border: 0;
+    margin: 0;
+    padding: 0;
+}
+
+header {
+    width: 100%;
+    overflow: hidden;
+}
+
+#header-bar {
+    background-color: #333;
+    color: #eee;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    padding: 5px 20px 5px 20px;
+}
+
+#subheader-bar {
+    background-color: #aaa;
+    color: #eee;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    padding: 5px 20px 5px 20px;
+}
+
+nav {
+    background-color: #ddd;
+    border-bottom: 1px #ccc solid;
+    color: #333;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    padding: 5px 20px 5px 20px;
+}
+
+.nav-item {
+    background-color: #ddd;
+    border: 1px solid #ccc;
+    padding: 3px 10px 3px 10px;
+    cursor: pointer;
+    user-select: none;
+}
+
+.nav-item:hover {
+    background-color: #eee;
+}
+
+main {
+    margin: 8px;
+}