diff --git a/users/styles/style.css b/users/styles/style.css new file mode 100644 index 0000000..4a6239e --- /dev/null +++ b/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; +} diff --git a/users/user.html b/users/user.html new file mode 100644 index 0000000..c802498 --- /dev/null +++ b/users/user.html @@ -0,0 +1,219 @@ + + + +
+ + + + + + + +* If you are using more than one Google account in the same browser, + the links below will direct you to your primary account
+