Initial commit

Lts/Tools/EsriHTML/ToolOverview/overviewStyle.css

@@ -0,0 +1,126 @@
+body {
+    width: 98%;
+}
+
+h1 {
+    text-align: center;
+    font-size: 30px;
+}
+
+h2{
+    cursor: default;
+}
+
+img{
+    width: 100%;
+}
+
+i img{
+    height: 20px;
+    width: 20px;
+}
+
+a.fill-div {
+    text-decoration: none;
+    color: black;
+    display: block;
+    overflow-y: auto;
+    height: 100%;
+    width: 100%;
+}
+
+tr{
+    height: 30%;
+    width: 90%; 
+    left: 5%;
+}
+
+td{
+    position: relative;
+    border: 1px solid black; 
+    width: 33%; 
+    height: 100%; 
+}
+
+.innerDiv{
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+ /* Popup container */
+ .popup {
+    position: relative;
+    cursor: pointer;
+    float: right;
+    right: 20px;
+    top: 5px;
+}
+
+/* The actual popup (appears on top) */
+.popup .popuptext {
+    visibility: hidden;
+    width: 180px;
+    background-color: #555;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 8px 0;
+    position: absolute;
+    z-index: 1;
+    bottom: 125%;
+    left: 50%;
+    margin-left: -90px;
+    font-size: 0.8em;
+}
+
+/* Popup arrow */
+.popup .popuptext::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #555 transparent transparent transparent;
+}
+
+/* Toggle this class when clicking on the popup container (hide and show the popup) */
+.popup .show {
+    visibility: visible;
+    -webkit-animation: fadeIn 1s;
+    animation: fadeIn 1s
+}
+
+/* Add animation (fade in the popup) */
+@-webkit-keyframes fadeIn {
+    from {opacity: 0;}
+    to {opacity: 1;}
+}
+
+@keyframes fadeIn {
+    from {opacity: 0;}
+    to {opacity:1 ;}
+} 
+
+#centerDiv{
+    margin: auto; 
+    text-align: center;
+    width: 96%;
+}
+
+@media only screen and (max-width: 1000px){
+    
+    table tr {
+        display: block;
+    }
+      
+    table td {
+        display: block;
+        left: 5%;
+        height: 100%;
+        width: 100%;
+    }
+}