You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
190 lines
4.2 KiB
190 lines
4.2 KiB
4 months ago
|
|
||
|
|
span.title {
|
||
|
|
font-size:18pt;
|
||
|
|
font-family: Arial;
|
||
|
|
font-weight:normal;
|
||
|
|
text-align:center;
|
||
|
|
color:#000000;
|
||
|
|
}
|
||
|
|
span.mount {
|
||
|
|
font-size:10pt;
|
||
|
|
font-family: Arial;
|
||
|
|
font-weight:normal;
|
||
|
|
text-align:center;
|
||
|
|
color:#000000;
|
||
|
|
}
|
||
|
|
span.mountname {
|
||
|
|
font-size:14pt;
|
||
|
|
font-family: Arial;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:center;
|
||
|
|
color:#404010;
|
||
|
|
}
|
||
|
|
span.n {
|
||
|
|
font-size:12pt;
|
||
|
|
font-family: Arial;
|
||
|
|
font-weight:normal;
|
||
|
|
text-align:center;
|
||
|
|
color:#808020;
|
||
|
|
}
|
||
|
|
span.v {
|
||
|
|
font-size:12pt;
|
||
|
|
font-family: Arial;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:center;
|
||
|
|
color:#202020;
|
||
|
|
}
|
||
|
|
span.m1 {
|
||
|
|
font-size:12pt;
|
||
|
|
font-family: Arial;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:center;
|
||
|
|
color:#202020;
|
||
|
|
}
|
||
|
|
span.m2 {
|
||
|
|
font-size:12pt;
|
||
|
|
font-family: Arial;
|
||
|
|
font-weight:normal;
|
||
|
|
text-align:center;
|
||
|
|
color:#202020;
|
||
|
|
}
|
||
|
|
|
||
|
|
.browser { font-size:12pt; font-family: Arial; font-weight:normal; text-align:center; color:#ffff00; vertical-align:middle; text-align:center; background:#d0b070; padding:12px; -webkit-border-radius:10px; border-radius:10px;}
|
||
|
|
.group2 { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#f0f0e0;
|
||
|
|
padding:12px;
|
||
|
|
-webkit-border-radius:10px;
|
||
|
|
border-radius:10px; }
|
||
|
|
.explain { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#f0f0c0; padding:12px;
|
||
|
|
-webkit-border-radius:10px;
|
||
|
|
border-radius:10px;
|
||
|
|
color:#404000;
|
||
|
|
padding:3px;
|
||
|
|
}
|
||
|
|
td.wsstatus { vertical-align:middle; width:200px; height:50px;
|
||
|
|
text-align:center;
|
||
|
|
background:#f0f0c0; padding:6px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
border-radius:8px;
|
||
|
|
color:#404000; }
|
||
|
|
.tdform { vertical-align:middle; width:200px; height:50px;
|
||
|
|
text-align:center;
|
||
|
|
background:#f0f0d0; padding:6px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
margin:10px;
|
||
|
|
border-radius:8px;
|
||
|
|
border: 1px solid black;
|
||
|
|
border-collapse: collapse;font-size:18pt; font-family: Arial; font-weight:normal; text-align:center; color:#000000;
|
||
|
|
color:#404000; }
|
||
|
|
|
||
|
|
td.l { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#d0d0b0;
|
||
|
|
padding:3px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
border-radius:3px; }
|
||
|
|
|
||
|
|
td.bigger { font-size:120%; }
|
||
|
|
|
||
|
|
div.bgw { background:white }
|
||
|
|
div.conninfo {
|
||
|
|
border: solid 2px #e0d040;
|
||
|
|
padding: 4px;
|
||
|
|
width: 500px;
|
||
|
|
height:350px;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
span.f12 { font-size:12pt }
|
||
|
|
|
||
|
|
.content { vertical-align:top; text-align:center; background:#fffff0; padding:12px; -webkit-border-radius:10px; border-radius:10px; }
|
||
|
|
.canvas { vertical-align:top; text-align:center; background:#efefd0; padding:12px; -webkit-border-radius:10px; border-radius:10px; }
|
||
|
|
.tabs {
|
||
|
|
position: relative;
|
||
|
|
min-height: 750px; /* This part sucks */
|
||
|
|
clear: both;
|
||
|
|
margin: 25px 0;
|
||
|
|
}
|
||
|
|
.tab {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.tab label {
|
||
|
|
background: #eee;
|
||
|
|
padding: 10px;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
margin-left: -1px;
|
||
|
|
position: relative;
|
||
|
|
left: 1px;
|
||
|
|
}
|
||
|
|
.tab [type=radio] {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
position: absolute;
|
||
|
|
top: 28px;
|
||
|
|
left: 0;
|
||
|
|
background: white;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
padding: 20px;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
[type=radio]:checked ~ label {
|
||
|
|
background: white;
|
||
|
|
border-bottom: 1px solid white;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
[type=radio]:checked ~ label ~ .content {
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
td.wsstatus { vertical-align:middle; width:200px; height:50px;
|
||
|
|
text-align:center;
|
||
|
|
background:#f0f0c0; padding:6px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
border-radius:8px;
|
||
|
|
color:#404000; }
|
||
|
|
td.l { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#d0d0b0;
|
||
|
|
padding:3px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
border-radius:3px; }
|
||
|
|
td.dl { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#c0c0c0;
|
||
|
|
padding:3px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
border-radius:3px; }
|
||
|
|
td.c { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#c0c0a0;
|
||
|
|
padding:3px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
border-radius:3px; }
|
||
|
|
td.c0 { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#b0b090;
|
||
|
|
padding:3px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
border-radius:3px; }
|
||
|
|
td.dc0 { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#a0a0a0;
|
||
|
|
padding:3px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
border-radius:3px; }
|
||
|
|
td.c1 { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#c0c0c0;
|
||
|
|
padding:3px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
border-radius:3px; }
|
||
|
|
td.t { vertical-align:middle;
|
||
|
|
text-align:center;
|
||
|
|
background:#e0e0c0;
|
||
|
|
padding:3px;
|
||
|
|
-webkit-border-radius:3px;
|
||
|
|
border-radius:3px; }
|