test-apps/test.css

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; }