Began to add global toolbar

client/components/control/control.css

@@ -0,0 +1,53 @@
+.control-global{
+    width: 30px;
+    height: 30px;
+    border: 1px solid dimgray;
+    box-sizing: border-box;
+    transition: border 0.25s;
+    background-color: white;
+}
+
+.animated:hover{
+    border: 3px solid dimgray;
+    cursor: pointer;
+}
+
+.control-global:hover~.tooltiptext{
+    visibility: visible;
+    opacity: 1;
+    transition-delay: 2s;
+}
+
+.control-global-active{
+    display: block;
+}
+
+.control-global-inactive{
+    display: none;
+}
+
+.tooltip {
+    position: relative;
+    display: inline-block;
+}
+
+.tooltiptext {
+    visibility:hidden;
+    opacity: 0;
+    background-color:gray;
+    color: #fff;
+    text-align: center;
+    padding: 2px 0;
+    border-radius: 6px;
+   
+    /* Position the tooltip text - see examples below! */
+    width: 130px;
+    height: 20px;
+    left: 100%;
+    top:3px;
+
+    position: absolute;
+    z-index: 1;
+
+    transition: opacity 0.25s;
+}