summaryrefslogtreecommitdiffstats
path: root/htdocs/ucs-controller.css
diff options
context:
space:
mode:
Diffstat (limited to 'htdocs/ucs-controller.css')
-rw-r--r--htdocs/ucs-controller.css61
1 files changed, 61 insertions, 0 deletions
diff --git a/htdocs/ucs-controller.css b/htdocs/ucs-controller.css
new file mode 100644
index 0000000..8c90596
--- /dev/null
+++ b/htdocs/ucs-controller.css
@@ -0,0 +1,61 @@
+/*
+ * Copyright 2019 Microchip Technology Inc. and its subsidiaries
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
+.string { color: green; }
+.number { color: darkorange; }
+.boolean { color: blue; }
+.null { color: magenta; }
+.key { color: red; }
+
+.slidecontainer {
+ width: 100%; /* Width of the outside container */
+}
+
+/* The slider itself */
+.slider {
+ -webkit-appearance: none; /* Override default CSS styles */
+ appearance: none;
+ width: 100%; /* Full-width */
+ height: 25px; /* Specified height */
+ background: #d3d3d3; /* Grey background */
+ outline: none; /* Remove outline */
+ opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+ -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+ transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+ .slider:hover {
+ opacity: 1; /* Fully shown on mouse-over */
+}
+
+/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
+.slider::-webkit-slider-thumb {
+ -webkit-appearance: none; /* Override default look */
+ appearance: none;
+ width: 25px; /* Set a specific slider handle width */
+ height: 25px; /* Slider handle height */
+ background: #4CAF50; /* Green background */
+ cursor: pointer; /* Cursor on hover */
+}
+
+.slider::-moz-range-thumb {
+ width: 25px; /* Set a specific slider handle width */
+ height: 25px; /* Slider handle height */
+ background: #4CAF50; /* Green background */
+ cursor: pointer; /* Cursor on hover */
+}