Responsive Julius Version1

css/StyleSheetWebsiteNew.css

@@ -0,0 +1,133 @@
+.topnav {
+    background-color: #043381;
+    overflow: hidden;
+}
+
+    /* Style the links inside the navigation bar */
+    .topnav a {
+        float: left;
+        color: #f2f2f2;
+        text-align: center;
+        padding: 14px 16px;
+        text-decoration: none;
+        font-size: 17px;
+    }
+
+        /* Change the color of links on hover */
+        .topnav a:hover {
+            background-color: #043381;
+            color: black;
+        }
+
+        /* Add a color to the active/current link */
+        .topnav a.active {
+            background-color: #043381;
+            color: white;
+        }
+
+circle {
+    width: 2px;
+    height: 2px;
+    background: green;
+    border-radius: 50%
+}
+LoginStatus1{
+    float:right;
+    position: fixed;
+    align-self:start;
+
+}
+
+
+.selector-for-some-widget {
+    box-sizing: content-box;
+}
+
+.table-responsive {
+    height: 180px;
+    width: 50%;
+    overflow-y: auto;
+    border: 2px solid #444;
+}
+
+    .table-responsive:hover {
+        border-color: red;
+    }
+
+table {
+    width: 100%;
+}
+
+td {
+    padding: 24px;
+    background: #eee;
+}
+
+body {
+    font-family: 'helvetica';
+}
+
+grid-container {
+    display: grid;
+    grid-auto-flow: column;
+}
+
+tr:hover {
+    background: red;
+}
+
+td a {
+    display: block;
+    border: 1px solid black;
+    padding: 16px;
+}
+
+
+/* Dropdown Button */
+.dropbtn {
+    background-color: #043381;
+    color: white;
+    padding: 16px;
+    font-size: 16px;
+    border: none;
+}
+
+/* The container <div> - needed to position the dropdown content */
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #043381;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+}
+
+    /* Links inside the dropdown */
+    .dropdown-content a {
+        color: black;
+        padding: 12px 16px;
+        text-decoration: none;
+        display: block;
+    }
+
+        /* Change color of dropdown links on hover */
+        .dropdown-content a:hover {
+            background-color: #043381;
+        }
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+.dropdown:hover .dropbtn {
+    background-color: #043381;
+}
+