update 1802021600

index.html

@@ -11,8 +11,8 @@
 
   <title> Link Board </title>
 
-  <link rel="stylesheet" type="text/css" href="style.css">
+  <link rel="stylesheet" type="text/css" href="style/~index(TEMP)/style.css">
-  <link rel="icon" type="image/x-icon" href="pix/icons/home.ico">
+  <link rel="icon" type="image/x-icon" href="image/icon/home.ico">
 
 </head>
 
@@ -235,19 +235,19 @@
   <!-- Content ============================================================================================================================================= -->
 
   <div id="wrapper">
-    <img src="pix/logos/CL-120p.png" height="74" class="one" title="Carolina Logistic, Inc">
+    <img src="image/logo/CL-120p.png" height="74" class="one" title="Carolina Logistic, Inc">
-    <img src="pix/logos/CLs-120p.png" height="60" class="two" title="Carolina Logistics, Inc">
+    <img src="image/logo/CLs-120p.png" height="60" class="two" title="Carolina Logistics, Inc">
-    <img src="pix/logos/CT-120p.png" height="74" class="three" title="Carolina Transportation, Inc">
+    <img src="image/logo/CT-120p.png" height="74" class="three" title="Carolina Transportation, Inc">
-    <img src="pix/logos/DE-120p.png" height="67" class="four" title="Delta Express, Inc">
+    <img src="image/logo/DE-120p.png" height="67" class="four" title="Delta Express, Inc">
-    <img src="pix/logos/DES-120p.png" height="72" class="five" title="Delta Express Services, Inc">
+    <img src="image/logo/DES-120p.png" height="72" class="five" title="Delta Express Services, Inc">
-    <img src="pix/logos/DLs-120p.png" height="74" class="six" title="Delta Logistics, Inc">
+    <img src="image/logo/DLs-120p.png" height="74" class="six" title="Delta Logistics, Inc">
   </div>
 
   <div>
     <div id="background"> </div>
     <div id="aside">
       <div class="button">
-        <a href="users/user.html"> Link Board </a>
+        <a href="user.html"> Link Board </a>
       </div>
       <h4> Recent News &amp; Updates </h4>
       <ol>

style/!reset.css

@@ -0,0 +1,8 @@
+@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: white;
+}

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; }

style/~index(TEMP)/style.css

@@ -149,7 +149,7 @@ div#background {
   height: 574px;
   position: relative;
   float: left;
-  background-image: url("pix/background.png");
+  background-image: url("../../image/background.png");
   background-repeat: no-repeat;
   background-size: auto;
 }

user.html

@@ -11,9 +11,11 @@
 
     <title>Expense/Payroll Linkboard</title>
 
-    <link rel="stylesheet" type="text/css" href="style.css">
-    <link rel="icon" type="image/x-icon" href="../pix/icons/home.ico">
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
+    <link rel="icon" type="image/x-icon" href="image/icon/home.ico">
+
+    <link rel="stylesheet" type="text/css" href="style/user/~general.css">
+    <link rel="stylesheet" type="text/css" href="style/user/~parameter_position.css">
 
   </head>
 
@@ -27,7 +29,7 @@
 
     <div id="navbar">
       <ul class="nav">
-        <li><a class="h" href="../index.html">Home</a></li>
+        <li><a class="h" href="index.html">Home</a></li>
         <li><a class="h" target="_blank" href="https://www.tch.com/security/logon.jsp">EFS</a></li>
         <li><a class="h" target="_blank" href="https://onedrive.live.com/?id=root&cid=7CDFEFDDB08A7009">OneDrive</a></li>
         <li><a class="h" target="_blank" href="https://drive.google.com/drive/my-drive">Drive</a></li>
@@ -54,10 +56,10 @@
       <table>
         <tr>
                   <th>Feb 4 — Feb 10</th>
-                  <td><a class="h" target="_blank"
+                  <td><a class="e"
                     href="#"> </a>URL Collector
                   </td>
-                  <td><a class="h" target="_blank"
+                  <td><a class="e"
                     href="#"> </a>Payroll Hyperlinks
                   </td>
                                   <td rowspan="2" class="unq"><div><a class="e" href="#">History &#9662;</a>

user/user.html

@@ -0,0 +1,18 @@
+
+<!DOCTYPE html>
+<html lang="en-US">
+
+  <head>
+
+    <meta charset="UTF-8">
+    <meta name="author" content="VK Services">
+    <meta http-equiv="refresh" content="2; url=../user.html" />
+    <meta http-equiv="Cache-Control" content="must-revalidate, no-store, no-cache">
+
+    <title>... redirecting</title>
+
+  </head>
+
+  <body style="color: red; font-size: 240%;"> The pages has moved... </body>
+
+</html>

users/style.css

@@ -1,231 +0,0 @@
-@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: 16px;
-}
-
-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: 27px;
-}
-
-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,
-fieldset#monitoring,
-fieldset#shortcuts,
-fieldset#tools {
-  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%;
-  text-align: left;
-}
-
-td {
-  color: #ff8080;
-}
-
-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: inherit;
-  border-bottom: 1px solid lightblue;
-  font-size: 13.75px;
-}
-
-td.unq div:hover ul {
-  display: block;
-}
-
-td a.h {
-  color: darkblue;
-}
-
-td a.h:visited {
-  color: darkblue;
-}
-
-td a.h:hover {
-  color: darkgreen;
-  text-decoration: underline;
-}
-
-fieldset#monitoring table tr th {
-  text-align: left;
-}
-
-fieldset#monitoring table tr td {
-  text-align: right;
-}
-
-td a.e {
-  visibility: hidden;
-}
-
-td.unq a.e {
-  visibility: visible;
-  color: darkgray;
-}
-
-span {
-  font-weight: normal;
-  font-size: 72%;
-}
-
-td a span, th span, td span {
-  background-color: inherit;
-}
-
-table.add {
-  margin-top: 7px;
-}
-
-h3, p, th, tr, legend {
-  cursor: default;
-}