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