catlab-remote-client 1.0.20

package/dist/themes/default/default.styl

@@ -0,0 +1,144 @@
+@import "reset";
+
+.webremote-portal
+	background: white;
+	position: relative;
+
+	.loading 
+		p
+			text-align: center;
+
+.webremote-portal-inner
+
+	font-size: 16px;
+
+	h1 
+		text-align: center;
+		font-size: 200%;
+		font-weight: bold;
+
+	p 
+		margin-top: 0.6em;
+
+	.control-label,
+	.url, 
+	.token
+		font-family: monospace;
+		font-weight: bold;
+		display: inline-block;
+		border: 1px solid gray;
+		padding: 2px 5px;
+		border-radius: 5px;
+		background: #ddd;
+		margin-right: 3px;
+		margin-left: 3px;
+		font-size: 120%;
+
+		&.keyboard
+			border: 1px solid orange;
+			background: #FFFF4D;
+			border-radius: 2px;
+
+		&.mobile
+			border-radius: 10px;
+
+	.errors
+		color: red;
+
+	div.connected-users
+		float: right;
+		width: 50%;
+
+	div.active-users
+		float: right;
+		width: 50%;
+
+	.connection-information
+		clear: both;
+		margin-bottom: 15px;
+
+	.connected-users
+	.active-users 
+		margin-bottom: 15px;
+
+	.connection-information .url,
+	.connection-information .token
+		font-family: monospace;
+		font-weight: bold;
+
+	.countdown-background 
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		background: white;
+		z-index: 5;
+		opacity: 0.7;
+		top: 0;
+		left: 0;
+
+	.countdown
+		position: absolute;
+		margin: 0;
+		padding: 0;
+		z-index: 1;
+		font-size: 200%;
+		z-index: 10;
+		width: 100%;
+		top: 50%;
+		margin-top: -2em;
+
+		p
+			margin-top: 0;
+			text-align: center;
+
+	ul 
+		li 
+			margin-top: 0.5em;
+
+	.errors 
+
+		position: absolute;
+		bottom: 0px;
+		width: 100%;
+
+		p 
+			color: red;
+			border: 1px solid red;
+			padding: 15px;
+			margin: 15px;
+			background-color: #FFBABA;
+
+	li.empty 
+		color: gray;
+
+	.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: 400px;
+		height: 300px;
+		background: white;
+		margin-top: -150px;
+		margin-left: -201px;
+		z-index: 1;
+		border: 2px solid black;
+
+	.available-accounts
+
+		li.selected
+			background: yellow;
+
+		li.unselected
+			background: gray;
+
+		li.unavailable
+			color: gray;

package/dist/themes/default/reset.css

@@ -0,0 +1,313 @@
+.webremote-portal * {
+  text-align: left;
+  color: #000;
+}
+.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;
+}