catlab-remote-client 1.0.20

package/dist/themes/metro/metro.css

@@ -0,0 +1,514 @@
+.webremote-portal * {
+  text-align: left;
+  color: #000;
+}
+.webremote-portal a {
+  color: #fff;
+}
+.webremote-portal body,
+.webremote-portal input,
+.webremote-portal button,
+.webremote-portal textarea,
+.webremote-portal select {
+  font-family: "Palatino Linotype", Freeserif, serif;
+  letter-spacing: 0.05em;
+}
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5,
+.webremote-portal h6 {
+  font-family: Georgia, "DejaVu Serif", serif;
+  letter-spacing: 0.1em;
+}
+.webremote-portal pre,
+.webremote-portal tt,
+.webremote-portal code,
+.webremote-portal kbd,
+.webremote-portal samp,
+.webremote-portal var {
+  font-family: "Courier New", Courier, monospace;
+}
+.webremote-portal h1 {
+  font-size: 1.5em;
+}
+.webremote-portal h2 {
+  font-size: 1.4em;
+}
+.webremote-portal h3 {
+  font-size: 1.3em;
+}
+.webremote-portal h4 {
+  font-size: 1.2em;
+}
+.webremote-portal h5 {
+  font-size: 1.1em;
+}
+.webremote-portal h6 {
+  font-size: 1em;
+}
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5 {
+  font-weight: normal;
+}
+.webremote-portal a:link {
+  color: #000;
+}
+.webremote-portal a:visited {
+  text-decoration: none;
+}
+.webremote-portal a:hover {
+  text-decoration: none;
+}
+.webremote-portal a:focus {
+  text-decoration: none;
+}
+.webremote-portal a:focus,
+.webremote-portal :focus {
+  outline: 1px dotted #000;
+}
+.webremote-portal a:hover,
+.webremote-portal a:active {
+  outline: none;
+}
+.webremote-portal body,
+.webremote-portal p,
+.webremote-portal dl,
+.webremote-portal dt,
+.webremote-portal dd,
+.webremote-portal ul,
+.webremote-portal ol,
+.webremote-portal li,
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5,
+.webremote-portal h6,
+.webremote-portal pre,
+.webremote-portal code,
+.webremote-portal form,
+.webremote-portal fieldset,
+.webremote-portal legend,
+.webremote-portal input,
+.webremote-portal button,
+.webremote-portal textarea,
+.webremote-portal blockquote,
+.webremote-portal th,
+.webremote-portal td {
+  margin: 0;
+  padding: 0;
+}
+.webremote-portal fieldset,
+.webremote-portal img {
+  border: 0;
+}
+.webremote-portal img {
+  vertical-align: bottom;
+}
+.webremote-portal ol li,
+.webremote-portal ul ol li {
+  list-style-type: decimal;
+}
+.webremote-portal ul li {
+  list-style-type: disc;
+}
+.webremote-portal ul ul li {
+  list-style-type: circle;
+}
+.webremote-portal ul ul ul li {
+  list-style-type: square;
+}
+.webremote-portal ol ol li {
+  list-style-type: lower-alpha;
+}
+.webremote-portal ol ol ol li {
+  list-style-type: lower-roman;
+}
+.webremote-portal sub {
+  vertical-align: sub;
+  font-size: smaller;
+}
+.webremote-portal sup {
+  vertical-align: super;
+  font-size: smaller;
+}
+.webremote-portal legend {
+  color: #000;
+  padding-bottom: 0.5em;
+}
+.webremote-portal table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+.webremote-portal caption {
+  position: absolute;
+  left: -999em;
+}
+.webremote-portal th {
+  text-align: center;
+}
+.webremote-portal tbody th {
+  text-align: left;
+}
+.webremote-portal code {
+  color: #06f;
+}
+.webremote-portal code,
+.webremote-portal pre {
+  font-family: "Courier New", monospace, serif;
+  font-size: 1em;
+}
+.webremote-portal blockquote,
+.webremote-portal q,
+.webremote-portal em,
+.webremote-portal cite,
+.webremote-portal dfn,
+.webremote-portal i,
+.webremote-portal cite,
+.webremote-portal var,
+.webremote-portal address {
+  font-style: italic;
+}
+.webremote-portal blockquote p:before,
+.webremote-portal blockquote p:after,
+.webremote-portal q:before,
+.webremote-portal q:after {
+  content: '';
+}
+.webremote-portal th,
+.webremote-portal strong,
+.webremote-portal dt,
+.webremote-portal b {
+  font-weight: bold;
+}
+.webremote-portal ins {
+  text-decoration: none;
+  border-bottom: 3px double #333;
+}
+.webremote-portal del {
+  text-decoration: line-through;
+}
+.webremote-portal abbr,
+.webremote-portal acronym {
+  border-bottom: 1px dotted #333;
+  font-variant: normal;
+}
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5,
+.webremote-portal h6,
+.webremote-portal p,
+.webremote-portal pre,
+.webremote-portal ul,
+.webremote-portal ol,
+.webremote-portal dl,
+.webremote-portal fieldset,
+.webremote-portal address {
+  padding: 0 30px;
+}
+.webremote-portal dd p,
+.webremote-portal dd pre,
+.webremote-portal dd ul,
+.webremote-portal dd ol,
+.webremote-portal dd dl,
+.webremote-portal li p,
+.webremote-portal li pre,
+.webremote-portal li ul,
+.webremote-portal li ol,
+.webremote-portal li dl,
+.webremote-portal fieldset p,
+.webremote-portal fieldset ul,
+.webremote-portal fieldset ol {
+  padding-right: 0;
+  padding-left: 0;
+}
+.webremote-portal dd {
+  padding-left: 20px;
+  margin-top: 0.5em;
+}
+.webremote-portal li {
+  margin-left: 30px;
+}
+.webremote-portal table {
+  margin-right: 30px;
+  margin-left: 30px;
+}
+.webremote-portal hr {
+  margin-right: 30px;
+  margin-left: 30px;
+  border-style: inset;
+  border-width: 1px;
+}
+.webremote-portal h1,
+.webremote-portal h2,
+.webremote-portal h3,
+.webremote-portal h4,
+.webremote-portal h5,
+.webremote-portal h6,
+.webremote-portal p,
+.webremote-portal pre,
+.webremote-portal dt,
+.webremote-portal li,
+.webremote-portal hr,
+.webremote-portal legend,
+.webremote-portal input,
+.webremote-portal button,
+.webremote-portal textarea,
+.webremote-portal select,
+.webremote-portal address,
+.webremote-portal table {
+  margin-top: 1.2em;
+}
+.webremote-portal label {
+  padding-top: 1.2em;
+}
+.webremote-portal fieldset {
+  line-height: 1;
+}
+.webremote-portal input[type="checkbox"] {
+  vertical-align: bottom;
+  *vertical-align: baseline;
+}
+.webremote-portal input[type="radio"] {
+  vertical-align: text-bottom;
+}
+.webremote-portal input {
+  _vertical-align: text-bottom;
+}
+.webremote-portal input,
+.webremote-portal button,
+.webremote-portal textarea,
+.webremote-portal select,
+.webremote-portal optgroup,
+.webremote-portal option {
+  font-size: 0.9em;
+  line-height: 1.4 !important;
+}
+.webremote-portal button,
+.webremote-portal input[type="submit"],
+.webremote-portal input[type="reset"],
+.webremote-portal input[type="button"],
+.webremote-portal .inputButton {
+  *overflow: visible;
+  _width: 0;
+  padding: 0.2em 0.4em;
+}
+.webremote-portal .block {
+  padding: 0 30px;
+  margin-top: 1.2em;
+}
+.webremote-portal .padding2margin {
+  margin-right: 30px;
+  margin-left: 30px;
+  padding-right: 0;
+  padding-left: 0;
+}
+.webremote-portal .noMarker li {
+  list-style: none;
+  margin-left: 0;
+}
+.webremote-portal .loading p {
+  text-align: center;
+}
+.webremote-portal-inner {
+  font-size: 3vmin;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.webremote-portal-inner div.errors {
+  clear: both;
+}
+.webremote-portal-inner div.errors p {
+  color: #f00;
+}
+.webremote-portal-inner div.countdown-background {
+  position: absolute;
+  display: block;
+  top: 50%;
+  width: 50vw;
+  height: 25vw;
+  margin-left: -25vw;
+  left: 50%;
+  margin-top: -12vw;
+  background: #000;
+  opacity: 0.9;
+}
+.webremote-portal-inner div.countdown {
+  position: absolute;
+  display: block;
+  top: 48%;
+  width: 50vw;
+  height: 25vw;
+  margin-left: -25vw;
+  left: 50%;
+  margin-top: -12vw;
+}
+.webremote-portal-inner div.countdown p {
+  text-align: center;
+  line-height: 25vw;
+}
+.webremote-portal-inner * {
+  color: #fff;
+}
+.webremote-portal-inner p {
+  margin: 0;
+  padding: 0 1vw;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+.webremote-portal-inner h1 {
+  display: none;
+}
+.webremote-portal-inner h2 {
+  margin: 0;
+  padding: 0 1vw;
+  margin-top: 4vw;
+  margin-bottom: 1vw;
+  font-size: 3vw;
+}
+.webremote-portal-inner .connection-information {
+  position: absolute;
+  bottom: 0;
+  padding-top: 3vmin;
+}
+.webremote-portal-inner .connection-information h2 {
+  margin-top: 1vw;
+}
+.webremote-portal-inner div.active-users,
+.webremote-portal-inner div.connected-users {
+  width: 43.5vw;
+  float: left;
+}
+.webremote-portal-inner div.active-users ul,
+.webremote-portal-inner div.connected-users ul {
+  display: block;
+  padding: 0.5vw;
+  padding-bottom: 0;
+  padding-right: 0;
+  list-style-type: none;
+  margin: 0.5vw;
+  background: #333;
+}
+.webremote-portal-inner div.active-users ul li.clearer,
+.webremote-portal-inner div.connected-users ul li.clearer {
+  clear: both;
+}
+.webremote-portal-inner div.active-users ul li.empty,
+.webremote-portal-inner div.connected-users ul li.empty {
+  background: none;
+  width: 100%;
+}
+.webremote-portal-inner div.active-users ul li.empty span,
+.webremote-portal-inner div.connected-users ul li.empty span {
+  line-height: 10vw;
+  color: #808080;
+}
+.webremote-portal-inner div.active-users ul li,
+.webremote-portal-inner div.connected-users ul li {
+  width: 10vw;
+  height: 10vw;
+  float: left;
+  margin: 0 0 0 0;
+  padding: 0 0 0 0;
+  list-style-type: none;
+  background: #ffa500;
+  margin-bottom: 0.5vw;
+  margin-right: 0.5vw;
+  text-align: center;
+  font-size: 1.5vw;
+}
+.webremote-portal-inner div.active-users ul li i,
+.webremote-portal-inner div.connected-users ul li i {
+  font-size: 5vw;
+  display: block;
+  text-align: center;
+  margin-top: 1vw;
+  margin-top: 1vw;
+}
+.webremote-portal-inner div.active-users ul li span,
+.webremote-portal-inner div.connected-users ul li span {
+  font-size: serif;
+}
+.webremote-portal-inner div.active-users ul:after,
+.webremote-portal-inner div.connected-users ul:after,
+.webremote-portal-inner div.active-users ul:before,
+.webremote-portal-inner div.connected-users ul:before {
+  clear: both;
+  content: " ";
+  display: table;
+}
+.webremote-portal-inner div.active-users {
+  float: right;
+}
+@media all and (orientation:portrait) {
+  .webremote-portal-inner {
+    font-size: 3vw;
+  }
+  .webremote-portal-inner div.active-users,
+  .webremote-portal-inner div.connected-users {
+    float: none;
+    width: auto;
+  }
+  .webremote-portal-inner div.active-users ul li,
+  .webremote-portal-inner div.connected-users ul li {
+    width: 17.2vw;
+    height: 17.2vw;
+    font-size: 2.5vw;
+  }
+  .webremote-portal-inner div.active-users ul li i,
+  .webremote-portal-inner div.connected-users ul li i {
+    font-size: 10vw;
+  }
+  .webremote-portal-inner div.active-users ul li.empty,
+  .webremote-portal-inner div.connected-users ul li.empty {
+    background: none;
+    width: 100%;
+  }
+  .webremote-portal-inner div.active-users ul li.empty span,
+  .webremote-portal-inner div.connected-users ul li.empty span {
+    line-height: 17.2vw;
+    color: #808080;
+  }
+  .webremote-portal-inner h2 {
+    margin-top: 4vw;
+    font-size: 3vh;
+  }
+}
+.webremote-portal-inner .accounts-overlay {
+  position: absolute;
+  background: #000;
+  opacity: 0.5;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.webremote-portal-inner .accounts {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 80vw;
+  height: 80vh;
+  background: #000;
+  margin-top: -40vh;
+  margin-left: -40vw;
+  z-index: 1;
+  border: 2px solid #000;
+}
+.webremote-portal-inner .accounts h2 {
+  margin-top: 1vw;
+}
+.webremote-portal-inner .accounts .link-new-account {
+  margin-top: 4vh;
+}
+.webremote-portal-inner .accounts a {
+  color: #fff;
+}

package/dist/themes/metro/metro.styl

@@ -0,0 +1,193 @@
+@import "reset";
+
+.webremote-portal
+
+	.loading 
+		p
+			text-align: center;
+
+.webremote-portal-inner
+
+	font-size: 3vmin;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+
+	div.errors
+		clear: both;
+
+		p
+			color: red;
+
+	div.countdown-background
+		position: absolute;
+		display: block;
+		top: 50%;
+		width: 50vw;
+		height: 25vw;
+		margin-left: -25vw;
+		left: 50%;
+		margin-top: -12vw;
+		background: black;
+		opacity: 0.9;
+
+	div.countdown
+		position: absolute;
+		display: block;
+		top: 48%;
+		width: 50vw;
+		height: 25vw;
+		margin-left: -25vw;
+		left: 50%;
+		margin-top: -12vw;
+
+		p
+			text-align: center;
+			line-height: 25vw;
+
+	*
+		color: white;
+
+	p
+		margin: 0;
+		padding: 0 1vw;
+		margin-top: 5px;
+		margin-bottom: 5px;
+
+	h1
+		display: none;
+
+	h2
+		margin: 0;
+		padding: 0 1vw;
+		margin-top: 4vw;
+		margin-bottom: 1vw;
+		font-size: 3vw;
+
+	.connection-information
+
+		position: absolute;
+		bottom: 0;
+		padding-top: 3vmin;
+
+		h2
+			margin-top: 1vw;
+
+	div.active-users
+	div.connected-users
+
+		width: 43.5vw;
+		float: left;
+
+		ul
+			display: block;
+			padding: 0.5vw;
+			padding-bottom: 0;
+			padding-right: 0;
+			list-style-type: none;
+			margin: 0.5vw;
+			background: #333;
+
+			li.clearer
+				clear: both;
+
+			li.empty
+				background: none;
+				width: 100%;
+
+				span
+					line-height: 10vw;
+					color: gray;
+
+			li
+				width: 10vw;
+				height: 10vw;
+				float: left;
+				margin: 0 0 0 0;
+				padding: 0 0 0 0;
+				list-style-type: none;
+				background: orange;
+				margin-bottom: 0.5vw;
+				margin-right: 0.5vw;
+				text-align: center;
+				font-size: 1.5vw;
+
+				i
+					font-size: 5vw;
+					display: block;
+					text-align: center;
+					margin-top: 1vw;
+					margin-top: 1vw;
+
+				span
+					font-size: serif;
+			&:after
+			&:before
+				clear: both;
+				content: " ";
+				display: table;
+
+	div.active-users
+		float: right;
+
+	@media all and (orientation:portrait)
+
+		font-size: 3vw;
+
+		div.active-users
+		div.connected-users
+
+			float: none;
+			width: auto;
+
+			ul
+				li
+					width: 17.2vw;
+					height: 17.2vw;
+
+					font-size: 2.5vw;
+
+					i
+						font-size: 10vw;
+
+				li.empty
+					background: none;
+					width: 100%;
+
+					span
+						line-height: 17.2vw;
+						color: gray;
+
+		h2
+			margin-top: 4vw;
+			font-size: 3vh;
+
+	.accounts-overlay
+		position: absolute;
+		background: black;
+		opacity: 0.5;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+
+	.accounts
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		width: 80vw;
+		height: 80vh;
+		background: black;
+		margin-top: -40vh;
+		margin-left: -40vw;
+		z-index: 1;
+		border: 2px solid black;
+
+		h2
+			margin-top: 1vw;
+
+		.link-new-account
+			margin-top: 4vh;
+
+		a
+			color: white;