added tuicss

web/mc-pelican/static/local.css

@@ -27,7 +27,7 @@ h1, h2, h3, h4, h5 {
 
 body {
   font-family: 'Classic Console Neue';
-  padding: 1em;
+  padding-top: 2em;
   font-size: 1.4em;
   line-height: 1.2em;
   text-align: left;
@@ -51,6 +51,10 @@ ul li::before {
   content: '*\00a0'; 
 }
 
+ul li a {
+  display: inline;
+}
+
 /* Use a thin border around all images. */
 img 
 {
@@ -60,39 +64,28 @@ img
 }
 
 /* Navigation bar. */
-nav 
-{
-  padding-bottom: 1ex;
-  margin-bottom: 4em;
-}
-
-nav::after {
-  clear:left;
-}
-
-nav ul 
-{
-  padding: 0;
-  margin-left: 0;
-  list-style: none;
-}
-
-nav ul li 
-{
-  display: inline;
-  float: left;
-  margin-right: .4em; /* How far between items. */
-  margin-top: .3em;
-}
-
 nav li::before {
   content: none;
 }
 
-nav ul li a 
-{
-  display: inline;
-  margin: 0;
+#menu {
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+#menu {
+  color: #000;
+}
+
+#menu a {
+  background-color: transparent;
+  color: #000;
+  padding: 0;
+}
+
+#menu ul li:not(:first-child) a::first-letter {
+  color: rgb(168, 0, 0);
 }
 
 /*
@@ -114,8 +107,8 @@ th, td
 }
 
 a {
-  background-color: #bbb;
-  color:#000;
+  background-color: #0aa;
+  /* color:#000; */
   padding: 0.2em 0.3em 0em 0.3em;
 }
 
@@ -193,6 +186,12 @@ abbr {
   }
 }
 
+#content-window {
+  background-color: #00f;
+  display: block;
+  margin-top:.7em;
+}
+
 #root {
   display: block;
   margin-top: 2em;
@@ -261,4 +260,9 @@ em, strong {
 .scanline {
       background-image: linear-gradient(0deg, rgba(0,0,0,0) 25%, rgba(0,0,0,0.33) 25%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.33) 75%, rgba(0,0,0,0.33) 100%);
       background-size: 4px 4px;
+}
+
+.tui-fieldset legend {
+  margin-left: 50px;
+  padding: 0 5px 0 5px;
 }