Folder reorganize 1

test/kepware/CSS/styles.css

@@ -0,0 +1,458 @@
+li {
+    list-style: none;
+}
+
+ul {
+    margin: 0;
+}
+
+.highlight {
+    background-color: #dbdbdb;
+}
+
+
+/* Force Elements to Self Clear its Children: http://css-tricks.com/snippets/css/clear-fix/ */
+
+.clearfix:after {
+    visibility: hidden;
+    display: block;
+    content: "";
+    clear: both;
+    height: 0;
+}
+
+* html .group {
+    zoom: 1;
+}
+
+
+/* IE6 */
+
+*:first-child+html .group {
+    zoom: 1;
+}
+
+
+/* IE7 */
+
+
+/*General Elements*/
+
+#exampleslogantop {
+    padding: 20px;
+    float: right;
+    font-size: 30px;
+    color: #D5DBDB;
+}
+
+#examplesloganbottom {
+    padding-right: 20px;
+    padding-top: 20px;
+    padding-bottom: 0px;
+    margin-bottom: 0px;
+    float: right;
+    font-size: 30px;
+    color: #566573;
+    position: relative;
+    bottom: 15px;
+}
+
+.logo {
+    margin: 10px;
+}
+
+#header {
+    background: white;
+    width: 100%;
+    float: left;
+    display: block;
+}
+
+.panel {
+    background: white;
+    float: left;
+    margin: 10px;
+    padding: 10px;
+    max-width: 300px;
+    height: 300px;
+    border-radius: 3px;
+}
+
+#userPass,
+#userName {
+    width: 100px;
+}
+
+
+/*Navigation Menus*/
+
+
+/* Main Nav */
+
+#mainNav {
+    list-style-type: none;
+    overflow: hidden;
+    background-color: #333;
+    width: 100%;
+    float: left;
+    position: relative;
+}
+
+#mainNav li {
+    float: left;
+}
+
+#mainNav li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 5px 5px;
+    text-decoration: none;
+}
+
+#mainNav li a:hover:not(.active) {
+    background-color: #111;
+}
+
+
+
+/*Asset Creator Nav styling*/
+
+#assetCreationNav {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+    width: 100%;
+    float: left;
+}
+
+#assetCreationNav li {
+    float: left;
+}
+
+#assetCreationNav li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 5px 5px;
+    text-decoration: none;
+}
+
+#assetCreationNav li a:hover:not(.active) {
+    background-color: #111;
+}
+
+#devicePanel,
+#channelPanel,
+#tagPanel {
+    margin-top: 60px;
+    height: 100%;
+    width: 385.75px;
+}
+
+#channelPanel p {
+    padding-top: 0px;
+}
+
+
+/*Json Viewer Nav styling*/
+
+#jsonConfigNav {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+}
+
+#jsonConfigNav li {
+    float: left;
+}
+
+#jsonConfigNav li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 5px 5px;
+    text-decoration: none;
+}
+
+#jsonConfigNav li a:hover:not(.active) {
+    background-color: #111;
+}
+
+/*Asset Creator*/
+
+#channelType,
+#deviceModel {
+    display: block;
+    margin: 10px;
+    width: 174px;
+    height: 22px;
+}
+
+
+/*Event Logger */
+
+#resultsRow th,
+#resultsRow td {
+    padding-right: 10px;
+}
+
+
+/*Text Input styling*/
+#textJsonInput {
+    border: 3px solid #ccc;
+    width: 96.7%;
+    padding: 10px;
+    height: 232px;
+}
+
+#jsonButtons {
+    margin-right: 10px;
+    margin-top: 10px;
+}
+
+.drop-down-container {
+    position: relative;
+    display: inline;
+}
+
+#restServerName,
+#restServerPort {
+    display: block;
+    margin: 10px;
+}
+
+#tagValue {
+    size: 15px;
+    color: green;
+}
+
+
+/* The container <div> - needed to position the dropdown content */
+
+.dropdown {
+    position: relative;
+    display: inline-block;
+    z-index: 9999;
+    !important overflow: visible;
+    !important
+}
+
+
+/* Dropdown Content (Hidden by Default) */
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f9f9f9;
+    min-width: 160px;
+}
+
+
+/* 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: #f1f1f1;
+}
+
+
+/* Show the dropdown menu on hover */
+
+.dropdown:hover .dropdown-content {
+    display: block;
+    overflow: visible;
+    z-index: 999999999;
+}
+
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+
+
+#dropdownContainer {
+    overflow: visible;
+}
+
+
+/*Main Container*/
+
+#maincontainer {
+    height: 100%;
+    overflow: auto;
+}
+
+
+/*Stats Bar*/
+
+#statsBar {
+    position: relative;
+    left: -30px;
+    top: -10px;
+}
+
+#statsBar label {
+    display: inline-block;
+}
+
+#statsBar ul li {
+    display: inline;
+    margin: 0px 5px;
+}
+
+#connectedTo a {
+    color: inherit;
+}
+
+#jsonObject {
+    min-width: 45%;
+    height: 450px;
+    overflow: visible;
+}
+
+#configurator,
+#deviceList,
+#useCase1Panel,
+#iotGatewayPanel {
+    /*jsonObject separated with #jsonObject*/
+    height: 450px;
+    max-width: 24%;
+    min-width: 350px;
+    overflow: auto;
+}
+
+#tagListContainer {
+    overflow: auto;
+    height: 200px;
+    color: black;
+    padding: 10px;
+}
+
+#deviceTree {
+    overflow: auto;
+}
+
+#configurator input {
+    display: block;
+    margin: 10px;
+}
+
+.card {
+    background: white;
+    border-radius: 2px;
+    display: inline;
+    float: left;
+    height: 400px;
+    margin: 10px;
+}
+
+.supporting-text {
+    padding: 15px;
+    font-size: 15px;
+}
+
+#results {
+    background: white;
+    min-width: 100%;
+    float: left;
+    display: block;
+    overflow: auto;
+    position: relative;
+    bottom: 0px;
+    height: 250px;
+}
+
+#resultsRow {
+    padding-left: 10px;
+}
+
+#resultsTable,
+#eventsTable {
+    color: black;
+    width: 40%;
+    float: left;
+}
+
+#eventsTable tr td {
+    max-width: 100%;
+    white-space: nowrap;
+}
+
+#eventsTable td {
+    padding-right: 10px;
+}
+
+#jsoneditor {
+    width: 100%;
+    height: 270px;
+}
+
+#copyright {
+    background: #A9A9A9;
+    width: 100%;
+    float: left;
+    height: 50px;
+    position: relative;
+}
+
+#copyright p {
+    margin-left: 10px;
+    margin-top: 10px;
+}
+
+.box {
+    display: flex;
+    flex-flow: column;
+    height: 100%;
+}
+
+.box .row.header {
+    flex: 0 1 auto;
+    /* The above is shorthand for:
+  flex-grow: 0,
+  flex-shrink: 1,
+  flex-basis: auto
+  */
+}
+
+.box .row.content {
+    flex: 1 1 auto;
+}
+
+.box .row.footer {
+    flex: 0 1 300px;
+}
+
+#copyrightquotes {
+    margin: 0;
+}
+
+#popUpDiv {
+    z-index: 100;
+    position: absolute;
+    background-color: rgba(123, 123, 123, 0.8);
+    display: none;
+    top: 0;
+    left: 0;
+    width: 200px;
+    height: 300px;
+}
+
+#popupSelect {
+    z-index: 1000;
+    position: absolute;
+    top: 130px;
+    left: 50px;
+}