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/apps/verticalhome/style/css/app.css

@@ -0,0 +1,92 @@
+html {
+  font-size: 10px;
+}
+
+html, body {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  width: 100%;
+  overflow-x: hidden;
+}
+
+gaia-grid {
+  display: block;
+  /* Minus the bottom margin and the search-box height */
+  min-height: calc(100% - 5rem - 5rem);
+  width: 100%;
+  padding-bottom: 5rem;
+  transition: height 0s 0.5s;
+}
+
+#curtain {
+  background: #000;
+  opacity: 0;
+  pointer-events: none;
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  top: 0;
+  transition: opacity var(--transition-duration) ease-in,
+              background 0s linear var(--transition-duration);
+}
+
+.edit-mode {
+  -moz-user-select: none;
+}
+
+.edit-mode #curtain {
+  background: var(--background, #333);
+  opacity: 1;
+  transition: opacity var(--transition-duration) ease-in;
+}
+
+#edit-header {
+  position: fixed;
+  top: 0;
+  z-index: 4;
+  width: 100%;
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity var(--transition-duration) ease-in,
+              visibility 0s linear var(--transition-duration);
+}
+
+.edit-mode #edit-header {
+  visibility: visible;
+  opacity: 1;
+  transition: opacity var(--transition-duration) ease-in;
+}
+
+.edit-mode #search {
+  visibility: hidden;
+}
+
+#confirmation-message {
+  z-index: 10;
+}
+
+#contextmenu-dialog {
+  display: none;
+}
+
+.divider:not(.group):last-of-type {
+  visibility: hidden;
+}
+
+.edit-mode .divider:last-of-type {
+  visibility: visible;
+}
+
+/* Disable scroll while edit group UI is being displayed because of keyboard
+   translates the vertical home */
+body.edit-group,
+
+/* Disable scroll when a dialog is shown so we don't scroll the fixed-position
+   child. See bug 1134642 */
+body.fixed-overlay-shown {
+  overflow: hidden;
+}

gaia/apps/verticalhome/style/css/edit_group.css

@@ -0,0 +1,20 @@
+#edit-group {
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: #f4f4f4;
+  width: 100%;
+  height: 100%;
+  z-index: 10;
+}
+
+#edit-group form {
+  /* 5rem is the height of the header */
+  height: calc(100% - 5rem);
+  padding: 0 1.5rem;
+}
+
+#edit-group form p {
+  width: 100%;
+  margin-top: 10rem;
+}

gaia/apps/verticalhome/style/css/search.css

@@ -0,0 +1,65 @@
+#search {
+  height: 5rem;
+  background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1));
+  background-color: transparent;
+  position: relative;
+  z-index: 5;
+  -moz-user-select: none;
+}
+
+#search-form {
+  pointer-events: none;
+  position: absolute;
+  display: block;
+  width: calc(100% - 1rem);
+  height: 3.4rem;
+  background: rgba(51, 51, 51, 0.35);
+  border-radius: 1.7rem;
+  margin: .3rem .5rem .9rem .5rem;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+#search-input {
+  margin: 0;
+  padding: 0;
+  -moz-margin-start: 1.5rem;
+  background: none;
+  font-size: 1.8rem;
+  border: none;
+  width: calc(100% - 3rem);
+  height: 100%;
+  text-overflow: ellipsis;
+}
+
+#search-input::-moz-placeholder {
+  font-style: italic;
+  font-weight: 300;
+  opacity: 1;
+  color: #e7e7e7;
+}
+
+#search-form::after {
+  content: '';
+  top: 0;
+  left: 0;
+  width: calc(100% - .8rem);
+  height: 100%;
+  position: absolute;
+  background-image: url('/style/images/search_icon.png');
+  background-repeat: no-repeat;
+  background-size: 2rem;
+  background-position: center right;
+}
+
+/* RTL View */
+html[dir="rtl"] #search-input {
+  text-align: right;
+  padding-right: 1.5rem;
+}
+
+html[dir="rtl"] #search-form::after {
+  left: unset;
+  right: 0;
+  background-position: center left;
+}

gaia/apps/verticalhome/style/css/zoom.css

@@ -0,0 +1,66 @@
+#zoom,
+#zoom .curtain,
+#zoom .indicator,
+#zoom .arrows {
+  height: 100%;
+  width: 100%;
+  position: absolute;;
+  top: 0;
+}
+
+#zoom {
+  position: fixed;
+  top: 0;
+  z-index: 5;
+}
+
+#zoom[hidden] {
+  display: none;
+}
+
+#zoom .curtain {
+  background: #000;
+  opacity: 0.6;
+}
+
+#zoom .arrows {
+  background-repeat: no-repeat;
+  background-size: 100% auto;
+  background-position: center;
+  will-change: transform;
+}
+
+#zoom .arrows.zooming {
+  transition: transform var(--transition-duration);
+}
+
+#zoom .arrows.grow {
+  background-image: url(/style/images/arrows_grow.png);
+  transform: scale(1);
+}
+
+#zoom .arrows.shrink {
+  background-image: url(/style/images/arrows_shrink.png);
+  transform: scale(0.4);
+}
+
+#zoom .indicator {
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+#zoom .indicator[data-cols="3"] {
+  background-image: url(/style/images/3_col_grid.png);
+}
+
+#zoom .indicator.active[data-cols="3"] {
+  background-image: url(/style/images/3_col_grid_active.png);
+}
+
+#zoom .indicator[data-cols="4"] {
+  background-image: url(/style/images/4_col_grid.png);
+}
+
+#zoom .indicator.active[data-cols="4"] {
+  background-image: url(/style/images/4_col_grid_active.png);
+}