Moved older files to their directory

src/main/resources/static/css/main.css

@@ -162,6 +162,10 @@
     cursor: pointer;
 }
 
+.menuFactory {
+    color: lightgray;
+}
+
 .menuItem:hover {
     background: lightgray;
     color: white;

src/main/resources/static/css/styles.css

@@ -1,241 +0,0 @@
-html {
-   height: 100%;
-}
-
-body {
-   min-height: 100%;
-}
-
-
-.page-section{
-  padding: 2rem 0;
-}
-
-.page-section .column{
-    float: left;
-    width: 50%;
-}
-
-.page-section .row:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-@media screen and (max-width: 600px) {
-  .column {
-    width: 100%;
-  }
-}
-
-button:hover { font-weight: 600; }
-button:hover i { margin-right: 20px; }
-
-button:focus {
-    outline: none;
-}
-
-.pageable {
-    border: 1px solid rgba(0, 0, 0, .11);
-    ;
-    padding: 10px;
-}
-
-.tr-pageable{
-    margin-left:1000px;
-}
-
-.controls-item {
-    display: inline-block;
-}
-
-.btn {
-    margin: 1px;
-}
-
-
-tr[name="tr-button"]:hover{
-background-color: #ddd;
-cursor: pointer;
-}
-
-#pagination-wrapper button {
-    background: none;
-    border: 2px solid #00b3b3;
-    cursor: pointer;
-    transition: background-color 0.3s, color 0.3s;
-}
-
-button[name="removeMessage"]{
-    background: none;
-    border: none;
-    cursor: pointer;
-    transition: background-color 0.3s, color 0.3s;
-}
-
-button[name="updateMessage"]{
-background: none;
-border: none;
-cursor: pointer;
-transition: background-color 0.3s, color 0.3s;
-}
-
-button[name="allMessagesClicked"] {
-    color: #00b3b3;
-}
-
-button[name="removeHeader"] {
-    position: absolute;
-    background: none;
-    border: none;
-    cursor: pointer;
-    transition: background-color 0.3s, color 0.3s;
-}
-
-
-
-.btn-sort {
-    border: 0;
-    padding: 0 20px;
-    text-align: center;
-    color: #fff;
-    text-shadow: 1px 1px 1px #000;
-    border-radius: 10px;
-    background-color: rgb(0, 102, 255);
-    background-image: linear-gradient(to top left,
-                                      rgba(0, 0, 0, .2),
-                                      rgba(0, 0, 0, .2) 30%,
-                                      rgba(0, 0, 0, 0));
-}
-
-.btn-sort:hover {
-    background-color: rgb(153, 194, 255);
-    cursor: pointer;
-}
-
-.activeButton {
-    background-color: rgb(153, 194, 255);
- }
-
-
-
-
-#child-body{
-     margin-left: 220px;
-}
-
-#container1{
-
-}
-#foot {
-  clear: both;
-  position: relative;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-/* The side navigation menu */
-.sidebar {
-  margin-top: 100px;
-  padding-top: 200px;
-  padding: 0;
-  width: 200px;
-  background-color: #f1f1f1;
-  position: absolute;
-  height: 100%;
-  overflow: auto;
-}
-
-/* Sidebar links */
-.sidebar a {
-  display: block;
-  color: black;
-  padding: 16px;
-  text-decoration: none;
-}
-
-/* Active/current link */
-.sidebar a.active {
-  background-color: #4CAF50;
-  color: white;
-}
-
-/* Links on mouse-over */
-.sidebar a:hover:not(.active) {
-  background-color: #555;
-  color: white;
-}
-
-/* On screens that are less than 700px wide, make the sidebar into a topbar */
-@media screen and (max-width: 700px) {
-  .sidebar {
-    width: 100%;
-    height: auto;
-    position: fixed;
-  }
-  .sidebar a {float: left;}
-  div.content {margin-left: 0;}
-}
-
-/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
-@media screen and (max-width: 400px) {
-  .sidebar a {
-    text-align: center;
-    float: none;
-  }
-}
-
-
-table { border-collapse: collapse; }
-tr { border: none; }
-td {
-    border: none;
-    vertical-align: top;
-}
-
-button{
-    padding: 5px 14px;
-    border-width: 1px;
-    border-style: solid;
-    background: #32a6cc;
-    color: #fff;
-    transition: all 0.3s ease;
-    font-family: Arial, sans-serif;
-    font-size: 1em;
-    border-radius: 2px;
-}
-
-disabled-button{
-    padding: 5px 14px;
-    border-width: 1px;
-    border-style: solid;
-    background: darkgrey;
-    color: #fff;
-    font-family: Arial, sans-serif;
-    font-size: 1em;
-    border-radius: 2px;
-}
-
-label { display: block;
-}
-.hint { display: none; color: gray; font-style: italic; float:right;}
-input:focus + .hint { display: inline; float:right;}
-textarea:focus  + .hint { display: inline; float:right; }
-textarea:focus  + .hint { display: inline; float:right; }
-select:focus  + .hint { display: inline; float:right; }
-
-select#media-type {
-    width: 500px;
-}
-
-textarea#message-body {
-    width: 500px;
-    height: 300px;
-}
-
-gen-link {
-    margin-top: 60px;
-    margin-bottom: 30px;
-    font-size: 24px;
-}