Warning, /FWCore/Services/web/transitions.css is written in an unsupported language. File is not indexed.
0001
0002 :root {
0003 --colr-black: #3C3530;
0004 --colr-green: #AACD6E;
0005 --colr-gray: #C5C6B6;
0006 }
0007 html {
0008 box-sizing: border-box;
0009 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "PingFang TC", "Heiti TC", 微軟正黑體, sans-serif;
0010 font-size: 16px;
0011 -webkit-font-smoothing: antialiased;
0012 }
0013
0014 *,
0015 *:before,
0016 *:after {
0017 box-sizing: inherit;
0018 }
0019
0020 body {
0021 width: 100%;
0022 height: 100vh;
0023 margin: 0;
0024 padding: 0;
0025 }
0026
0027 .header {
0028 height: 30px;
0029 float: bottom;
0030 bottom:0;
0031 }
0032 .core {
0033 height: 95vh;
0034 }
0035 .container {
0036 display: grid;
0037
0038 width: 100%;
0039 height: 100vh;
0040 margin: 0;
0041 padding: 0;
0042 grid-template-columns: repeat(10, 1fr);
0043 grid-template-rows: 1fr 30px 30px;
0044 }
0045
0046 .name_div {
0047 background-color: var(--colr-green);
0048 grid-column: 1/2;
0049 grid-row: 1/8;
0050 }
0051 #name_view {
0052 width: 100%;
0053 height: 100%;
0054 }
0055
0056 .graph_div {
0057 grid-column: 2/11;
0058 grid-row: 1/8;
0059 background-color: var(--colr-gray);
0060 }
0061 #graph_view {
0062 width: 100%;
0063 height: 100%;
0064 }
0065 .time_div {
0066 grid-column: 2/11;
0067 grid-row: 9;
0068 background-color: #FF0000;
0069 }
0070
0071 #time_view {
0072 height: 50px;
0073 width: 100%;
0074 }
0075
0076 .selected {
0077 grid-column: 1/11;
0078 grid-row: 10;
0079 height: 50px;
0080 }
0081
0082 .controls {
0083 grid-column: 1/1;
0084 grid-row: 9;
0085 }
0086 #jsonDropdownDiv {
0087 margin-bottom: 20px;
0088 }
0089
0090 #loadingSpinner {
0091 position: fixed;
0092 top: 50%;
0093 left: 50%;
0094 transform: translate(-50%, -50%);
0095 text-align: center;
0096 z-index: 9999; /* Make sure it's on top of other elements */
0097 background-color: rgba(255, 255, 255, 0.8); /* Optional: background overlay */
0098 padding: 20px;
0099 border-radius: 10px;
0100 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
0101 }
0102
0103 .spinner {
0104 border: 4px solid rgba(0, 0, 0, 0.1);
0105 border-radius: 50%;
0106 border-top: 4px solid #3498db;
0107 width: 40px;
0108 height: 40px;
0109 animation: spin 1s linear infinite;
0110 }
0111
0112 @keyframes spin {
0113 0% { transform: rotate(0deg); }
0114 100% { transform: rotate(360deg); }
0115 }
0116
0117 #selectFilePrompt {
0118 font-size: 16px;
0119 color: #333;
0120 margin: 10px 0;
0121 text-align: center;
0122 }
0123
0124
