Skip to content

Commit 96d5f7d

Browse files
eflumerfeflumerf
authored
Merge pull request #6 from Mu2e/scorrodi/wideband
Scorrodi/wideband
2 parents a6aef20 + a51cd68 commit 96d5f7d

22 files changed

+6738
-272
lines changed

‎UserWebGUI/css/mu2e.css‎

Lines changed: 238 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,238 @@
1+
.mu2e {
2+
font-family: Verdana, sans-serif;
3+
font-size:12pt;
4+
color:rgb(51, 51, 51);
5+
box-sizing: border-box;
6+
}
7+
8+
#mu2e_header {
9+
position: fixed;
10+
top: 0px;
11+
left: 0px;
12+
width: 100%;
13+
height: 28px;
14+
background-color: rgb(232, 232, 232);
15+
border-bottom: 1px solid darkgrey;
16+
padding: 2px 2px 0px 2px;
17+
z-index: 2;
18+
margin: 0px;
19+
font-size: 12pt;
20+
color: gray;
21+
}
22+
23+
#mu2e_header div {
24+
display: inline;
25+
//color: gray;
26+
}
27+
28+
#mu2e_nav {
29+
position: fixed;
30+
top: 28px;
31+
width: 144px;
32+
left: 0px;
33+
height:100%;
34+
padding-top:2px;
35+
overflow-x: hidden;
36+
background-color: rgb(232, 232, 232);
37+
}
38+
39+
#mu2e_nav a {
40+
display: block;
41+
padding: 3px 5px 1px 5px;
42+
width:100%;
43+
text-decoration: none;
44+
color:rgb(51, 51, 51);
45+
}
46+
47+
#mu2e_nav a:hover {
48+
width:100%;
49+
background-color: lightgray;
50+
}
51+
52+
.mu2e_nav_active {
53+
background-color: rgb(151, 151, 151);
54+
}
55+
56+
#mu2e_main {
57+
position: absolute;
58+
top:28px;
59+
left:144px;
60+
right:0px;
61+
padding: 5px;
62+
text-align: center;
63+
}
64+
65+
.mu2e_container {
66+
border: 1px dotted darkgray;
67+
border-radius: 10px;
68+
margin: 3px;
69+
margin-bottom:10px;
70+
}
71+
72+
.mu2e_grid {
73+
display: grid;
74+
grid-gap: 3px;
75+
color: #444;
76+
}
77+
78+
#mu2e_status {
79+
display: grid;
80+
grid-gap: 3px;
81+
color: #444;
82+
}
83+
84+
#mu2e_apps {
85+
display: grid;
86+
grid-gap: 3px;
87+
color: #444;
88+
}
89+
90+
#mu2e_hardware {
91+
display: grid;
92+
grid-gap: 3px;
93+
color: #444;
94+
}
95+
#mu2e_artdaq {
96+
display: grid;
97+
grid-gap: 3px;
98+
color: #444;
99+
}
100+
101+
.mu2e_grid {
102+
display: grid;
103+
grid-gap: 3px;
104+
color: #444;
105+
}
106+
107+
.mu2e_dcs_timestamp {
108+
color:#0000004e;
109+
}
110+
111+
//.mu2e_container>div{
112+
// float:left;
113+
//}
114+
115+
//.mu2e_container:after {
116+
// display: table;
117+
// clear: both;
118+
//}
119+
120+
//.mu2e_quarter {
121+
// width:25%;
122+
// min-width: 200px;
123+
// float:left;
124+
//}
125+
//.mu2e_half {
126+
// width:50%;
127+
// min-width: 400px;
128+
// float:left;
129+
//}
130+
131+
//.mu2e_full {
132+
// width:100%;
133+
// min-width: 800px;
134+
//}
135+
136+
.mu2e_data {
137+
//border: 1px solid black;
138+
background-color:rgb(232, 232, 232);
139+
border-radius: 5px;
140+
}
141+
142+
.mu2e_list {
143+
//border: 1px solid black;
144+
background-color:rgb(232, 232, 232);
145+
border-radius: 5px;
146+
text-align:left;
147+
padding-left:4px;
148+
}
149+
150+
.mu2e_data a {
151+
text-decoration:none;
152+
}
153+
154+
.mu2e_list a {
155+
text-decoration:none;
156+
}
157+
158+
.mu2e_right_float {
159+
float:right;
160+
padding-right:4px;
161+
}
162+
163+
.mu2e_disabled {
164+
color:#0000004e;
165+
//background-color:#ffeb3b;
166+
}
167+
168+
.mu2e_title {
169+
background-color: lightseagreen;
170+
color:white;
171+
border-radius: 3px;
172+
font-size:120%;
173+
}
174+
175+
.tooltiptext {
176+
visibility: hidden;
177+
width: 600px;
178+
background-color: rgba(0, 0, 0, 0.64);
179+
color: #fff;
180+
text-align: center;
181+
border-radius: 6px;
182+
padding: 5px 0;
183+
position: absolute;
184+
z-index: 1;
185+
//bottom: 150%;
186+
top:10px;
187+
left: 50%;
188+
margin-left: -400px;
189+
}
190+
191+
.tooltiptext::after {
192+
content: "";
193+
position: absolute;
194+
top: 100%;
195+
left: 50%;
196+
margin-left: -5px;
197+
border-width: 5px;
198+
border-style: solid;
199+
border-color: black transparent transparent transparent;
200+
}
201+
202+
div:hover>.tooltiptext {
203+
visibility: visible;
204+
}
205+
206+
.mu2e_hidden {
207+
display:none;
208+
}
209+
210+
.mu2e_bad {
211+
background-color:#f44336;
212+
color:white;
213+
}
214+
.mu2e_bad_text {
215+
color:#f44336;
216+
}
217+
218+
.mu2e_ok {
219+
background-color:#4CAF50;
220+
}
221+
222+
.mu2e_warning {
223+
background-color:#ffeb3b;
224+
}
225+
226+
.mu2e_transition {
227+
background-color:#9c27b0;
228+
}
229+
230+
.mu2e_editable {
231+
cursor: pointer;
232+
border: 1px solid transparent;
233+
padding: 0px;
234+
padding-right: 10px;
235+
}
236+
.mu2e_editable:hover {
237+
border-color: #1343ab5c;
238+
}

0 commit comments

Comments
 (0)