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/dev_apps/uitest/style/API.css

@@ -0,0 +1,31 @@
+.center {
+  display: block;
+  margin: 0px auto;
+  text-align: center;
+}
+.inline-block {
+  display: inline-block;
+}
+.block {
+  display: block;
+}
+.hidden {
+  display: none;
+}
+p.success {
+  color: green;
+}
+p.error {
+  color: red;
+}
+input {
+  font-size: 1.5rem;
+}
+button {
+  /* overwrite building blocks settings to display 2-lines button */
+  line-height: normal !important;
+  text-align: center;
+}
+input[type='button'] {
+  font-size: 2rem;
+}

gaia/dev_apps/uitest/style/API/identity.css

@@ -0,0 +1,21 @@
+button {
+  font-size: 1rem;
+  height: 3rem;
+  margin-bottom: 0.3rem;
+  text-overflow: clip;
+}
+ol {
+  padding-left: 1rem;
+  padding-right:0rem;
+}
+
+.textfield {
+  width: 98%;
+}
+
+.panel {
+  display:inline-block;
+  width: 49%;
+  vertical-align: top;
+}
+

gaia/dev_apps/uitest/style/API/openaudio.css

@@ -0,0 +1,4 @@
+button {
+  height: 7rem;
+}
+

gaia/dev_apps/uitest/style/API/orientation.css

@@ -0,0 +1,5 @@
+button {
+  font-size: 1.2rem;
+  height: 3rem;
+  margin-bottom: 0.3rem;
+ }

gaia/dev_apps/uitest/style/HW.css

@@ -0,0 +1,39 @@
+button {
+  font-size: 3rem;
+}
+button[size='small'] {
+  font-size: 2rem;
+}
+input[type='number'] {
+  font-size: 3rem;
+  width: 100%;
+}
+input[type='range'] {
+  height: 2rem;
+}
+input[type='range']::-moz-range-thumb {
+  background: orange;
+  height: 2rem;
+  width: 2rem;
+}
+.invisible {
+  display: none;
+}
+.red {
+  background: red;
+}
+.green {
+  background: green;
+}
+.blue {
+  background: blue;
+}
+.white {
+  background: white;
+}
+.black {
+  background: black;
+}
+.error {
+  color: red;
+}

gaia/dev_apps/uitest/style/UI.css

@@ -0,0 +1,77 @@
+textarea, input, select, [contenteditable] {
+  font-size: 1.5em;
+}
+input, textarea, iframe {
+  width: 100%;
+}
+button {
+  /* overwrite building blocks settings to display 2-lines button */
+  line-height: normal !important;
+  text-align: center;
+}
+canvas {
+  display: none;
+}
+canvas.hidden {
+  display: block;
+}
+
+/* keyboard */
+.table {
+  border-collapse: collapse;
+}
+.row {
+  display: table-row;
+  border-top: 1px dashed rgba(150,150,150,1);
+}
+.column_left,
+.column_middle,
+.column_right {
+  display: table-cell;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.column_left {
+  width: 20%;
+  padding-right: 0.5rem;
+}
+.column_middle {
+  width: 20%;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.column_right {
+  padding-left: 0.5rem;
+}
+
+.box {
+  width: 200px;
+  height: 200px;
+  border: 1px solid red;
+  overflow: auto;
+  background-color: #fcc;
+  margin: 20px;
+}
+.sbox {
+  width: 20px;
+  height: 20px;
+  background-color: #ccc;
+  float: left;
+}
+.sbox:nth-child(2n) {
+  background-color: #fff;
+}
+.bar {
+  font-size: 1.5rem
+}
+.hidden {
+  display: none;
+}
+#fullscreen-div {
+  background-color: #ccf;
+}
+#contextMenu {
+  background: #eee;
+  border: 1px solid #ccc;
+  padding: 10px;
+}

gaia/dev_apps/uitest/style/lists.css

@@ -0,0 +1,47 @@
+.sublist {
+  margin: 0;
+  padding: 0;
+
+  position: absolute;
+  top: 5rem;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow-y: scroll !important;
+  -moz-user-select: none;
+  background: #fff;
+}
+
+.sublist > li {
+  -moz-box-sizing: border-box;
+
+  padding: 0px 16px;
+  border-top: 1px solid hsla(207,22%,92%,1) !important;
+  border-bottom: 1px solid hsla(223,7%,81%,1) !important;
+
+  font-size: 2rem;
+  font-weight: 600;
+}
+
+.sublist > li > a {
+  outline: none;
+  width: 100%;
+  height: 100% !important;
+  white-space: nowrap;
+
+  display: flex !important;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.sublist li:active {
+  background-color: rgba(0,0,0,0.2);
+}
+
+/* replace build blocks CSS */
+.sublist li:hover:after,
+.sublist li > a:hover:after,
+.sublist li:active:after,
+.sublist li > a:active:after {
+  background-color: transparent !important;
+}

gaia/dev_apps/uitest/style/tabs.css

@@ -0,0 +1,78 @@
+/* ----------------------------------
+* Tabs
+* ---------------------------------- */
+
+@media (orientation: landscape)
+{
+  .bb-tablist {
+    right: 0;
+    width: 3.5rem;
+    height: 100%;
+  }
+
+  .bb-tablist > li {
+    width: 100%;
+    height: calc(100% / 3);
+  }
+}
+
+@media (orientation: portrait)
+{
+  .bb-tablist {
+    bottom: 0;
+    width: 100%;
+    height: 3.5rem;
+  }
+
+  .bb-tablist > li {
+    width: calc(100% / 3);
+    height: 100%;
+    float: left;
+  }
+}
+
+.bb-tablist {
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  bottom: 0;
+}
+
+.bb-tablist > li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.bb-tablist > li > a {
+  font-size: 1.7rem;
+  text-decoration: none;
+  text-align: center;
+  color: #FFF;
+  float: left;
+  width: 100%;
+  height: 100%;
+  background: #000 no-repeat center top;
+  position: relative;
+  color: #fff;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.bb-tablist > li > a:active {
+  background-color: #00bbff;
+}
+
+/* Selected state */
+.bb-tablist > li > a:target,
+.bb-tablist > li > a[aria-selected="true"] {
+  color: #62c6f5
+}
+
+.bb-tablist a:target ~.bb-tabpanel,
+.bb-tablist a[aria-selected="true"] ~.bb-tabpanel {
+  z-index: 1;
+  visibility: visible;
+}

gaia/dev_apps/uitest/style/uitest.css

@@ -0,0 +1,84 @@
+html {
+  font-size: 10px;
+}
+
+body {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+
+  /* XXX: The below overflow property is being ignored by B2G Phone
+     https://bugzilla.mozilla.org/show_bug.cgi?id=777672
+  */
+  overflow: hidden;
+}
+
+.invisible {
+  display: none;
+}
+
+.panel {
+  position: fixed;
+  display: block;
+  width: 100%;
+  height: 100%;
+  -moz-transition: -moz-transform 0.3s ease;
+  top: 0;
+}
+
+.test-panel {
+  -moz-transform: translateX(100%);
+}
+
+.list-panel{
+  -moz-transform: translateX(0);
+}
+
+body.test .list-panel{
+  -moz-transform: translateX(-100%);
+}
+
+body.test .test-panel {
+  -moz-transform: translateX(0);
+}
+
+
+#test-iframe {
+  border: none;
+  width: 100%;
+  height: calc(100% - 5rem);
+  background-color: #fff;
+}
+
+@media (orientation: landscape)
+{
+  .page {
+    position: absolute;
+    left: 0rem;
+    right: 3.5rem; /* tabs are at right, keep some space for it */
+    top: 0rem;
+    bottom: 0rem;
+  }
+
+  .sublist > li {
+    height: calc(100% / 5) !important;
+  }
+}
+
+@media (orientation: portrait)
+{
+  .page {
+    position: absolute;
+    left: 0rem;
+    right: 0rem;
+    top: 0rem;
+    bottom: 3.5rem; /* tabs are at bottom, keep some space for it */
+  }
+
+  .sublist > li {
+    height: calc(100% / 7) !important;
+  }
+}