1 2span.title { 3 font-size:18pt; 4 font-family: Arial; 5 font-weight:normal; 6 text-align:center; 7 color:#000000; 8} 9span.mount { 10 font-size:10pt; 11 font-family: Arial; 12 font-weight:normal; 13 text-align:center; 14 color:#000000; 15} 16span.mountname { 17 font-size:14pt; 18 font-family: Arial; 19 font-weight:bold; 20 text-align:center; 21 color:#404010; 22} 23span.n { 24 font-size:12pt; 25 font-family: Arial; 26 font-weight:normal; 27 text-align:center; 28 color:#808020; 29} 30span.v { 31 font-size:12pt; 32 font-family: Arial; 33 font-weight:bold; 34 text-align:center; 35 color:#202020; 36} 37span.m1 { 38 font-size:12pt; 39 font-family: Arial; 40 font-weight:bold; 41 text-align:center; 42 color:#202020; 43} 44span.m2 { 45 font-size:12pt; 46 font-family: Arial; 47 font-weight:normal; 48 text-align:center; 49 color:#202020; 50} 51 52.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;} 53.group2 { vertical-align:middle; 54 text-align:center; 55 background:#f0f0e0; 56 padding:12px; 57 -webkit-border-radius:10px; 58 border-radius:10px; } 59.explain { vertical-align:middle; 60 text-align:center; 61 background:#f0f0c0; padding:12px; 62 -webkit-border-radius:10px; 63 border-radius:10px; 64 color:#404000; 65 padding:3px; 66} 67td.wsstatus { vertical-align:middle; width:200px; height:50px; 68 text-align:center; 69 background:#f0f0c0; padding:6px; 70 -webkit-border-radius:8px; 71 border-radius:8px; 72 color:#404000; } 73.tdform { vertical-align:middle; width:200px; height:50px; 74 text-align:center; 75 background:#f0f0d0; padding:6px; 76 -webkit-border-radius:8px; 77 margin:10px; 78 border-radius:8px; 79 border: 1px solid black; 80 border-collapse: collapse;font-size:18pt; font-family: Arial; font-weight:normal; text-align:center; color:#000000; 81 color:#404000; } 82 83td.l { vertical-align:middle; 84 text-align:center; 85 background:#d0d0b0; 86 padding:3px; 87 -webkit-border-radius:3px; 88 border-radius:3px; } 89 90td.bigger { font-size:120%; } 91 92div.bgw { background:white } 93div.conninfo { 94 border: solid 2px #e0d040; 95 padding: 4px; 96 width: 500px; 97 height:350px; 98 overflow: auto; 99} 100span.f12 { font-size:12pt } 101 102.content { vertical-align:top; text-align:center; background:#fffff0; padding:12px; -webkit-border-radius:10px; border-radius:10px; } 103.canvas { vertical-align:top; text-align:center; background:#efefd0; padding:12px; -webkit-border-radius:10px; border-radius:10px; } 104.tabs { 105 position: relative; 106 min-height: 750px; /* This part sucks */ 107 clear: both; 108 margin: 25px 0; 109} 110.tab { 111 float: left; 112} 113.tab label { 114 background: #eee; 115 padding: 10px; 116 border: 1px solid #ccc; 117 margin-left: -1px; 118 position: relative; 119 left: 1px; 120} 121.tab [type=radio] { 122 display: none; 123} 124.content { 125 position: absolute; 126 top: 28px; 127 left: 0; 128 background: white; 129 right: 0; 130 bottom: 0; 131 padding: 20px; 132 border: 1px solid #ccc; 133} 134[type=radio]:checked ~ label { 135 background: white; 136 border-bottom: 1px solid white; 137 z-index: 2; 138} 139[type=radio]:checked ~ label ~ .content { 140 z-index: 1; 141} 142 143 td.wsstatus { vertical-align:middle; width:200px; height:50px; 144 text-align:center; 145 background:#f0f0c0; padding:6px; 146 -webkit-border-radius:8px; 147 border-radius:8px; 148 color:#404000; } 149 td.l { vertical-align:middle; 150 text-align:center; 151 background:#d0d0b0; 152 padding:3px; 153 -webkit-border-radius:3px; 154 border-radius:3px; } 155 td.dl { vertical-align:middle; 156 text-align:center; 157 background:#c0c0c0; 158 padding:3px; 159 -webkit-border-radius:3px; 160 border-radius:3px; } 161 td.c { vertical-align:middle; 162 text-align:center; 163 background:#c0c0a0; 164 padding:3px; 165 -webkit-border-radius:3px; 166 border-radius:3px; } 167 td.c0 { vertical-align:middle; 168 text-align:center; 169 background:#b0b090; 170 padding:3px; 171 -webkit-border-radius:3px; 172 border-radius:3px; } 173 td.dc0 { vertical-align:middle; 174 text-align:center; 175 background:#a0a0a0; 176 padding:3px; 177 -webkit-border-radius:3px; 178 border-radius:3px; } 179 td.c1 { vertical-align:middle; 180 text-align:center; 181 background:#c0c0c0; 182 padding:3px; 183 -webkit-border-radius:3px; 184 border-radius:3px; } 185 td.t { vertical-align:middle; 186 text-align:center; 187 background:#e0e0c0; 188 padding:3px; 189 -webkit-border-radius:3px; 190 border-radius:3px; }