update 1802021600

style/user/background_text-color.css

@@ -0,0 +1,43 @@
+@import url('../!reset.css');
+
+* { background-color: aliceblue; }
+
+
+/* BACKGROUND */
+/* ======================== */
+
+div#navbar,
+.sub > li,
+.nav a  { background-color: black; }
+
+fieldset,
+th, th span,
+td, td span,
+td a, td a span,
+td.unq div,
+td.unq ul li,
+td.unq ul li a { background-color: azure; }
+
+legend { background-color: darkblue; }
+
+
+/* COLOR */
+/* ======================== */
+
+h3 { color: darkgreen; }
+
+p { color: darkred; }
+
+.nav a.h,
+.nav a.e { color: lightgray; }
+.nav a.h:hover { color: yellow; }
+
+legend { color: lightgray; }
+
+td { color: #ff8080; }
+
+td a.h,
+td a.h:visited { color: darkblue; }
+td a.h:hover { color: darkgreen; }
+
+td.unq a.e { color: darkgray; }

style/user/border.css

@@ -0,0 +1,30 @@
+h3 {
+  padding-bottom: 2px;
+  border-bottom: 2px solid darkgreen;
+}
+
+.nav > li > a { border-right: 0.5px solid #202020; }
+
+#rpm a { border-right: none; }
+
+.sub > li > a { border-top: 0.5px solid #202020; }
+
+fieldset {
+  border: 1px solid darkblue;
+  border-radius: 12px;
+}
+
+fieldset table {
+  border-collapse: collapse;
+}
+
+legend {
+  border-radius: 16px 8px 16px 8px;
+}
+
+th, td { border-bottom: 1.5px solid lightblue; }
+
+td.unq { border: none; }
+
+td.unq ul li,
+td.unq ul li a { border-bottom: 1px solid lightblue; }

style/user/font_text.css

@@ -0,0 +1,57 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:700');
+@import url('https://fonts.googleapis.com/css?family=Hammersmith+One');
+
+body {
+  font-family: 'Open Sans', sans-serif;
+  letter-spacing: 0.377px;
+}
+
+h3 {
+  font-family: 'Roboto', sans-serif;
+  letter-spacing: 1.7px;
+  text-align: center;
+}
+
+p {
+  text-align: center;
+  font-size: 77%;
+  font-style: italic;
+}
+
+a { text-decoration: none; }
+td a.h:hover { text-decoration: underline; }
+
+span {
+  font-weight: normal;
+  font-size: 72%;
+}
+
+.sub a { text-align: left; }
+
+legend {
+  font-family: 'Hammersmith One', sans-serif;
+  font-size: 90%;
+  text-align: center;
+}
+
+th {
+  font-size: 105%;
+  text-align: left;
+}
+
+td.unq div a { font-size: 84%; }
+
+td.unq ul li,
+td.unq ul li a {
+  font-size: 13.75px;
+}
+
+fieldset#monitoring table tr th { text-align: left; }
+
+fieldset#monitoring table tr td { text-align: right; }
+
+fieldset table {
+  font-size: 92%;
+  font-weight: bold;
+  text-align: center;
+}

style/user/~general.css

@@ -0,0 +1,48 @@
+@import url('background_text-color.css');
+@import url('border.css');
+@import url('font_text.css');
+
+/* CURSOR */
+/* ======================== */
+
+h3, p, th, tr, legend { cursor: default; }
+
+/* MARGIN & PADDING */
+/* ======================== */
+
+body { margin: 0 auto; }
+
+div { margin-top: 16px; }
+
+div#user {
+  margin-top: 24px;
+  padding: 0;
+}
+
+h3 { margin: 7px; }
+
+p { margin-bottom: 7px; }
+
+.nav a { padding: 7px 14px; }
+
+fieldset {
+  padding: 24px 32px 32px;
+  margin-top: 27px;
+}
+
+legend { padding: 4px 32px; }
+
+th, td { padding: 6.2px 12px; }
+
+td.unq ul li,
+td.unq ul li a {
+  margin-top: 6.4px;
+  padding: 6.4px 0;
+}
+
+table.add { margin-top: 7px; }
+
+/* LIST STYLE */
+/* ======================== */
+
+ul { list-style-type: none; }

style/user/~parameter_position.css

@@ -0,0 +1,47 @@
+body { width: 960px; }
+
+.nav > li {
+  position: relative;
+  float: left;
+}
+
+.sub > li { position: relative; }
+
+.nav a {
+  display: block;
+  line-height: 20px;
+}
+
+.sub { display: none; }
+
+div#navbar {
+  width: 960px;
+  height: 34px;
+  position: absolute;
+  z-index: 2;
+}
+
+fieldset#urls,
+fieldset#monitoring,
+fieldset#shortcuts,
+fieldset#tools {
+  position: relative;
+  top: 60px;
+}
+
+fieldset table { width: 100%; }
+
+td.unq div ul {
+  position: absolute;
+  width: 144px;;
+  z-index: 4;
+  display: none;
+}
+
+td.unq div:hover ul { display: block; }
+
+ul.nav li:hover ul.sub { display: block; }
+
+td a.e { visibility: hidden; }
+
+td.unq a.e { visibility: visible; }