Add Zowe Web Help for PR 80

Signed-off-by: zowe-robot <[email protected]>

docs/pr-80/css/docs.css

@@ -0,0 +1,66 @@
+/*
+* This program and the accompanying materials are made available under the terms of the
+* Eclipse Public License v2.0 which accompanies this distribution, and is available at
+* https://www.eclipse.org/legal/epl-v20.html
+*
+* SPDX-License-Identifier: EPL-2.0
+*
+* Copyright Contributors to the Zowe Project.
+*
+*/
+
+.markdown-body {
+    box-sizing: border-box;
+    font-family: 'Roboto', sans-serif;
+    margin: 0 auto;
+    max-width: 980px;
+    min-width: 200px;
+    padding: 45px;
+}
+
+@media (max-width: 767px) {
+    .markdown-body {
+        padding: 15px;
+    }
+}
+
+#btn-print {
+    background: none;
+    border: none;
+    display: none;
+    float: right;
+    font-size: large;
+    padding: 5px 5px 0;
+}
+
+.btn-copy {
+    font-size: small;
+}
+
+.print-only {
+    display: none;
+}
+
+@media print {
+    .no-print {
+        display: none;
+    }
+
+    .page-break {
+        page-break-before: always;
+    }
+
+    .print-only {
+        display: block;
+    }
+}
+
+[aria-label] {
+    cursor: default;
+}
+
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #0d1117;
+    }
+}

docs/pr-80/css/main.css

@@ -0,0 +1,133 @@
+/*
+* This program and the accompanying materials are made available under the terms of the
+* Eclipse Public License v2.0 which accompanies this distribution, and is available at
+* https://www.eclipse.org/legal/epl-v20.html
+*
+* SPDX-License-Identifier: EPL-2.0
+*
+* Copyright Contributors to the Zowe Project.
+*
+*/
+
+html, body {
+    height: 100%;
+}
+
+body {
+    font-family: 'Roboto', sans-serif;
+}
+
+#cmd-tree {
+    flex: 1;
+    height: 100%;
+    margin: 0 5px;
+    overflow: auto;
+}
+
+#docs-page {
+    border: none;
+    display: block;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+#footer {
+    flex: none;
+    font-size: small;
+    margin: 10px 0;
+    text-align: center;
+}
+
+#header {
+    flex: none;
+}
+
+#header-image {
+    height: 64px;
+    margin: 0 0 10px 5px;
+}
+
+#header-text {
+    color: black;
+    display: inline-block;
+    min-height: 64px;
+    padding-top: 20px;
+    text-decoration: none;
+}
+
+#panel-container {
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    overflow: hidden;
+}
+
+#panel-left {
+    background-color: #edf2fa;
+    display: flex;
+    flex-direction: column;
+    flex: 0 0 auto;
+    max-width: calc(100% - 220px);
+    min-width: 220px;
+    width: 300px;
+}
+
+#panel-right {
+    flex: 1 1 auto;
+    width: 100%;
+}
+
+#tree-search {
+    border-radius: 20px;
+    margin: 0 5px 7px 5px;
+    width: calc(100% - 10px);
+}
+
+#tree-search::placeholder {
+    color: var(--bs-secondary);
+}
+
+#tree-tabs {
+    margin: 0 5px 5px 5px;
+    width: calc(100% - 10px);
+}
+
+.gutter {
+    background-color: #dddee0;
+    background-position: 50%;
+    background-repeat: no-repeat;
+}
+
+.gutter.gutter-horizontal {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
+    cursor: col-resize;
+}
+
+@media (prefers-color-scheme: dark) {
+    #header-text {
+        color: #c9d1d9;
+    }
+
+    #panel-left {
+        background-color: #161b22;
+    }
+
+    #panel-right {
+        background-color: #0d1117;
+    }
+
+    #tree-search {
+        background-color: #0d1117;
+        color: #8b949e;
+    }
+
+    .gutter {
+        background-color: #30363d;
+    }
+
+    .jstree-default-dark {
+        background-color: #161b22;
+    }
+}