Initial commit

Lts/Tools/EsriHTML/EventView/EventViewStyle.css

@@ -0,0 +1,111 @@
+hr {
+    color: black;
+    width: 100%;
+}
+
+table {
+    position: relative;
+    width: auto;
+    display: block;
+    table-layout: fixed;
+    padding: 8px;
+    height: 10%;
+}
+
+th,
+td {
+    text-align: left;
+    padding: 8px;
+}
+
+input[type="button"]{
+    height:32px;
+    width:100px;
+}
+
+input[type="number"], input[type="time"]{
+    height:1px;
+    width:100px;
+}
+
+input[type="date"]{
+    height:1px;
+    width: 110px;
+}
+
+#mapDiv {
+    border: 2px solid black;
+    height: 820px;
+    width: 73%;
+}
+
+#headerTitle{
+    font-size:26px;
+    padding-left: 50%;
+}
+
+#reqTypesDiv{
+    float: right; 
+    width: 25%;
+}
+
+@media only screen and (max-width: 1900px){
+    .selects {
+        display: block;
+    }
+      
+    .selects td {
+        display: block;
+        padding-top: 5px;
+    }
+}
+
+@media only screen and (max-width: 1000px){
+    .selects {
+        display: inline;
+    }
+      
+    .selects td {
+        display: inline;
+        padding-top: 5px;
+    }
+
+    #mapDiv { 
+        border: 2px solid black;
+        height: 820px;
+        width: 100%;   
+    }
+
+    #reqTypesDiv{
+        float: left;
+        width: 100%; 
+    }
+}
+
+@media only screen and (max-width: 950px){
+    #headerTitle{
+        display: none;
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    table tr {
+      display: block;
+    }
+    
+    table td {
+      display: block;
+      padding-top: 5px;
+    }
+}
+
+@media only screen and (max-width: 458px) {
+    .selects {
+        display: block;
+    }
+      
+    .selects td {
+        display: block;
+        padding-top: 5px;
+    }
+}