update 1801221629

users/styles/style.css

@@ -0,0 +1,222 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:700');
+@import url('https://fonts.googleapis.com/css?family=Hammersmith+One');
+
+* {
+  margin: 0;
+  padding: 0;
+  background-color: aliceblue;
+}
+
+body {
+  width: 960px;
+  margin: 0 auto;
+  font-family: 'Open Sans', sans-serif;
+  letter-spacing: 0.377px;
+}
+
+a {
+  text-decoration: none;
+}
+
+div {
+  margin-top: 14px;
+}
+
+div#user {
+  margin-top: 24px;
+  padding: 0;
+}
+
+h3 {
+  text-align: center;
+  color: darkgreen;
+  margin: 7px;
+  padding-bottom: 2px;
+  border-bottom: 2px solid darkgreen;
+  letter-spacing: 1.7px;
+  font-family: 'Roboto', sans-serif;
+}
+
+p {
+  text-align: center;
+  color: darkred;
+  font-size: 77%;
+  font-style: italic;
+  margin-bottom: 7px;
+}
+
+ul {
+  list-style-type: none;
+}
+
+.nav > li {
+  position: relative;
+  float: left;
+}
+
+.sub > li {
+  background-color: black;
+  position: relative;
+}
+
+.nav a {
+  display: block;
+  padding: 7px 14px;
+  line-height: 20px;
+  background-color: black;
+  color: lightgray;
+}
+
+.nav > li > a {
+  border-right: 0.5px solid #202020;
+}
+
+.sub > li > a {
+  border-top: 0.5px solid #202020;
+}
+
+.sub {
+  display: none;
+}
+
+.sub a {
+  text-align: left;
+}
+
+ul.nav li:hover ul.sub {
+  display: block;
+}
+
+a.h:hover {
+  color: yellow;
+}
+
+div#navbar {
+  width: 960px;
+  height: 34px;
+  background-color: black;
+  position: absolute;
+  z-index: 2;
+}
+
+#rpm a {
+  border-right: none;
+}
+
+fieldset {
+  border: 1px solid darkblue;
+  border-radius: 12px;
+  padding: 24px 32px 32px;
+  background-color: azure;
+  margin-top: 36px;
+}
+
+fieldset legend {
+  text-align: center;
+  padding: 4px 32px;
+  border-radius: 16px 8px 16px 8px;
+  font-size: 90%;
+  background-color: darkblue;
+  color: lightgray;
+  font-family: 'Hammersmith One', sans-serif;
+}
+
+fieldset#urls {
+  position: relative;
+  top: 60px;
+}
+
+fieldset table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 92%;
+  font-weight: bold;
+  text-align: center;
+}
+
+th, td {
+  padding: 6.2px 12px;
+  border-bottom: 1.5px solid lightblue;
+}
+
+th {
+  font-size: 105%;
+}
+
+td.unq {
+  border: none;
+}
+
+td.unq div a {
+  font-size: 84%;
+}
+
+th, td, td a, td.unq div {
+  background-color: azure;
+}
+
+td.unq div ul {
+  position: absolute;
+  width: 144px;;
+  z-index: 4;
+  display: none;
+}
+
+td.unq ul li,
+td.unq ul li a {
+  margin-top: 6.4px;
+  padding: 6.4px 0;
+  background-color: azure;
+  border-bottom: 1px solid lightblue;
+  font-size: 13.75px;
+}
+
+td.unq div:hover ul {
+  display: block;
+}
+
+td a.e {
+  color: gray;
+}
+
+td a.h {
+  color: darkblue;
+}
+
+td a.h:visited {
+  color: darkblue;
+}
+
+td a.h:hover {
+  color: darkgreen;
+  text-decoration: underline;
+}
+
+fieldset#monitoring {
+  position: relative;
+  top: 60px;
+}
+
+fieldset#monitoring table tr th {
+  text-align: left;
+}
+
+fieldset#monitoring table tr td {
+  text-align: right;
+}
+
+fieldset#monitoring table tr td a.e {
+  visibility: hidden;
+}
+
+span {
+  font-weight: normal;
+  font-size: 72%;
+}
+
+fieldset#shortcuts {
+  position: relative;
+  top: 60px;
+  padding-left: 90px;
+  padding-right: 90px;
+}