Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/tv_apps/remote-control-client/style/main.css

@@ -0,0 +1,381 @@
+html {
+  font-size: 10px;
+  font-family: "Fira Sans", sans-serif;
+  height: 100%;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+body {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+body, section, input, div {
+  box-sizing: border-box;
+}
+
+:focus, :active {
+  outline: none;
+}
+
+::-moz-focus-inner {
+  border: 0;
+}
+
+/**********
+ * Client *
+ **********/
+
+ body.client {
+   background-color: #353535;
+ }
+
+.client section {
+  font-size: 0;
+  margin: 17px 11px 0 11px;
+}
+
+.client section > * {
+  vertical-align: middle;
+  font-size: 1rem;
+  display: inline-block;
+}
+
+.client h1 {
+  margin: 0;
+  height: 52px;
+  line-height: 52px;
+  font-size: 23px;
+  font-style: italic;
+  text-align: center;
+  font-weight: 300;
+  background-color: #242424;
+  color: white;
+}
+
+.client .button {
+  cursor: pointer;
+  position: relative;
+  left: 0;
+  top: 0;
+}
+
+.client .button:active {
+  left: 1px;
+  top: 1px;
+}
+
+#section-input {
+  height: 34px;
+  border-radius: 17px;
+  background-color: #1f1f1f;
+  overflow: hidden;
+}
+
+#input-string {
+  -webkit-appearance: none;
+  background-color: transparent;
+  border: 0;
+  border-right: 1px solid #313131;
+  border-radius: 0;
+  width: calc(100% - 60px);
+  height: 24px;
+  line-height: 24px;
+  font-size: 17px;
+  padding: 0 3px 0 15px;
+  color: #909090;
+  outline: none;
+}
+
+#input-string::-moz-placeholder {
+  font-style: italic;
+  font-weight: 300;
+  color: #5f5f5f;
+  opacity: 1;
+}
+
+#input-string::-webkit-input-placeholder {
+  font-style: italic;
+  font-weight: 300;
+  color: #5f5f5f;
+  opacity: 1;
+}
+
+#input-string::-ms-input-placeholder {
+  font-style: italic;
+  font-weight: 300;
+  color: #5f5f5f;
+  opacity: 1;
+}
+
+#send-string {
+  width: 60px;
+  height: 100%;
+  line-height: 34px;
+  text-align: center;
+  color: #00aacc;
+  font-size: 12px;
+  font-style: italic;
+}
+
+#section-touch-panel {
+  position: relative;
+  height: calc(100% - 210px);
+  border: 1px solid #4c4c4c;
+  border-radius: 15px;
+  padding: 1px;
+}
+
+/* inner border */
+#section-touch-panel:after {
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: calc(100% - 2px);
+  width: calc(100% - 2px);
+  border: 1px solid #252525;
+  border-radius: 15px;
+  pointer-events: none;
+}
+
+.panel {
+  background-color: #545454;
+  height: 100%;
+  cursor: default;
+}
+
+.panel.touching {
+  background-color: #4a4a4a;
+}
+
+#touch-panel {
+  width: calc(100% - 27px);
+  border-top-left-radius: 15px;
+  border-bottom-left-radius: 15px;
+}
+
+#scroll-panel {
+  width: 27px;
+  border-top-right-radius: 15px;
+  border-bottom-right-radius: 15px;
+  background-image: url('images/scrollbar.png');
+}
+
+/* extend the touching area */
+#scroll-panel:after {
+  content: "";
+  display: block;
+  position: absolute;
+  right: -12px;
+  top: 0;
+  height: 100%;
+  width: 39px
+}
+
+#section-buttons {
+  width: 290px;
+  margin: 25px auto 0 auto;
+  text-align: justify;
+  text-justify: inter-ideograph;
+  -ms-text-justify: inter-ideograph;
+}
+
+/* Workaround "text-align: justify" on Chrome */
+#section-buttons:after {
+  content: '';
+  display: inline-block;
+  width: 100%;
+}
+
+#section-buttons .button {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  background-size: contain;
+}
+
+#section-buttons .button:active {
+  background-color: #3d3d3d;
+}
+
+#button-back {
+  background-image: url('images/btn_back.png');
+}
+
+#button-home {
+  background-image: url('images/btn_home.png');
+}
+
+#button-option {
+  background-image: url('images/btn_option.png');
+}
+
+/***********
+ * Pairing *
+ ***********/
+
+body.pairing {
+  background-color: #353535;
+  padding: 24px 18px 0 18px;
+}
+
+.pairing h1 {
+  margin: 0;
+  color: white;
+  font-size: 34px;
+  font-style: italic;
+  font-weight: 300;
+  line-height: 45px;
+  text-align: center;
+}
+
+#pairing-container {
+  margin: 0 auto 14px auto;
+  width: 100%;
+  min-width: 284px;
+  max-width: 800px;
+}
+
+#pairing-information {
+  color: #858585;
+  font-size: 17px;
+  font-style: italic;
+  font-weight: 300;
+  margin-top: 28px;
+  line-height: 22px;
+  text-align: center;
+}
+
+#pairing-information p {
+  margin: 0.5rem 0;
+}
+
+#pairing-code {
+  position: relative;
+  width: 275px;
+  text-align: center;
+  margin: 20px auto 0 auto;
+  font-size: 0;
+  text-align: justify;
+  text-justify: inter-ideograph;
+  -ms-text-justify: inter-ideograph;
+}
+
+/* Workaround "text-align: justify" on Chrome */
+#pairing-code:after {
+  content: '';
+  display: inline-block;
+  width: 100%;
+}
+
+#pairing-code .code, #input-mask {
+  display: inline-block;
+  vertical-align: top;
+  width: 52px;
+  height: 52px;
+  font-size: 36px;
+  font-weight: 300;
+  line-height: 52px;
+  text-align: center;
+  border-bottom: 2px solid #00caf2;
+  color: white;
+  cursor: text;
+}
+
+#pairing-code .placeholder:after {
+  content: '-';
+  color: #909ca7;
+}
+
+#input-mask {
+  position: absolute;
+  display: none;
+  left: 0;
+  top: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0px;
+  outline: none;
+  background-color: #353535;
+  background-image: none; /* remove inner box shadow on mobile Firefox */
+
+  -webkit-appearance: textfield;
+  -moz-appearance:    textfield;
+  -ms-appearance:     textfield;
+  -o-appearance:      textfield;
+  appearance:         textfield;
+}
+
+#input-mask.visible {
+  display: block;
+}
+
+#input-mask::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+#pairing-message {
+  color: #00caf2;
+  font-size: 16px;
+  font-weight: 300;
+  font-style: italic;
+  margin: 16px auto 0 auto;
+  padding: 0 4px;
+  height: 60px;
+  width: 284px;
+}
+
+#pairing-message.error {
+  color: #e2443a;
+}
+
+#pairing-button-area {
+  width: 284px;
+  margin: 0px auto 0 auto;
+}
+
+#pairing-button-area button {
+  -webkit-appearance: none;
+
+  background-color: #00caf2;
+  border: 0;
+  border-radius: 25px;
+  width: 100%;
+  height: 50px;
+  color: white;
+  font-size: 16px;
+  font-style: italic;
+  font-weight: 500;
+  outline: none;
+  cursor: pointer;
+}
+
+#pairing-button-area button:active {
+  background-color: #00758c;
+}
+
+#restart-pairing {
+  display: none;
+}
+
+.pin-code-expired #pairing-code {
+  visibility: hidden;
+}
+
+.pin-code-expired #connect {
+  display: none;
+}
+
+.pin-code-expired #restart-pairing {
+  display: block;
+}