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.

assets/webapps/ringtones.gaiamobile.org/style/manage.css

@@ -0,0 +1,118 @@
+html, body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  font-size: 10px;
+  background-color: #f4f4f4;
+  overflow: hidden;
+  -moz-user-select: none;
+}
+
+section[role="region"] {
+  width: 100%;
+  height: 100%;
+}
+
+article {
+  position: absolute;
+  top: 5rem;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  will-change: scroll-position;
+}
+
+ul {
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  list-style: none;
+}
+
+li {
+  -moz-padding-start: 1.5rem;
+  z-index: 1;
+}
+
+.desc {
+  /* This keeps our ringtone names from bumping up against the actions button
+     in the management UI. */
+  -moz-margin-end: 4.5rem;
+}
+
+.desc:active:before {
+  /* This makes a highlight slightly *bigger* than .desc so that it fills up the
+     whole list item (except for the "other actions" button). It causes a
+     reflow, but that's not a big deal here. */
+  position: absolute;
+  left: -2rem;
+  width: calc(100% - 1.6rem); /* 1.5rem for the left padding and 0.1rem for the
+                                 right border. */
+  height: 5.9rem; /* Subtract 0.1rem for the bottom border. */
+  background-color: rgba(0, 213, 255, 0.3);
+  z-index: -1;
+  content: '';
+}
+
+html[dir="rtl"] .desc:active:before {
+  left: initial;
+  right: -2rem;
+}
+
+li .play-icon {
+  display: none;
+  float: right;
+  width: 2.4rem;
+  height: 6rem;
+  background: url("images/now_playing.png") no-repeat center center / 2.4rem;
+  -moz-margin-start: 1.5rem;
+  /* We already have a 1rem right margin on the parent node, so we only need to
+     add 0.5rem here. */
+  -moz-margin-end: 0.5rem;
+}
+
+html[dir="rtl"] li .play-icon {
+  float: left;
+}
+
+li[data-playing="true"] .play-icon {
+  display: block;
+}
+
+[data-type="list"] aside.pack-end {
+  -moz-margin-end: -1.5rem;
+  -moz-padding-start: 0.1rem;
+  background: -moz-linear-gradient(#e9e9e9, #e9e9e9) no-repeat
+    left center / 0.1rem 4rem;
+}
+
+html[dir="rtl"] [data-type="list"] aside.pack-end {
+  background-position: right center;
+}
+
+.actions-button {
+  display: block;
+  width: 5rem;
+  height: 6rem;
+  background: url("images/actions_menu.png") no-repeat center center / 3rem;
+}
+
+.actions-button:active {
+  background-color: rgba(0, 213, 255, 0.3);
+}
+
+#dialog-message {
+  white-space: pre-line;
+}
+
+section[role="status"] {
+  transition: opacity var(--transition-duration) ease 0s;
+  opacity: 0;
+}
+
+section[role="status"].toast-visible {
+  opacity: 1;
+}

assets/webapps/ringtones.gaiamobile.org/style/pick.css

@@ -0,0 +1,77 @@
+html, body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  font-size: 10px;
+  background-color: #f4f4f4;
+  overflow: hidden;
+  -moz-user-select: none;
+}
+
+section[role="region"] {
+  width: 100%;
+  height: 100%;
+}
+
+article {
+  position: absolute;
+  top: 5rem;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  will-change: scroll-position;
+}
+
+ul[data-type="edit"] {
+  overflow: visible;
+}
+
+section[data-type="list"] {
+    padding: 0;
+}
+
+section[data-type="list"] li {
+  z-index: 1;
+  -moz-padding-start: 1.5rem;
+  margin: 0 1.5rem;
+  width: calc(100% - 3rem);
+}
+
+li label {
+  background: none;
+}
+
+li:active:before {
+  /* This makes a highlight slightly *bigger* than the li so that it fills up
+     the whole list item. It causes a reflow, but that's not a big deal here. */
+  position: absolute;
+  left: -1.5rem;
+  top: 0;
+  width: 100vw;
+  height: 5.9rem; /* Subtract 0.1rem for the bottom border. */
+  background-color: rgba(0, 213, 255, 0.3);
+  z-index: -1;
+  content: '';
+}
+
+/*
+ * Overrides for shared lists.css styles.
+ * This will be removed with the transition to a gaia-list component in the future.
+ * These styles match the settings custom CSS list styles.
+ */
+section [data-type="list"] li {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+/**
+ * Override for shared lists.css style.
+ * This will be removed once we use the gaia-list component in the future.
+ */
+section [data-type="list"] li label bdi {
+  font-size: 1.8rem !important;
+}

assets/webapps/ringtones.gaiamobile.org/style/share.css

@@ -0,0 +1,87 @@
+html, body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  font-size: 10px;
+  color: #fff;
+  background-color: #000;
+  overflow: hidden;
+  -moz-user-select: none;
+}
+
+section[role="region"] {
+  width: 100%;
+  height: 100%;
+}
+
+article {
+  margin: 1.5rem;
+}
+
+#metadata {
+  margin: 0.1rem 1rem 0;
+}
+
+#metadata p {
+  margin: 0;
+  font-size: 1.4rem;
+  line-height: 1.5rem;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+#metadata p.small {
+  font-weight: normal;
+  font-style: italic;
+}
+
+#picture {
+  float: left;
+  width: 3rem;
+  height: 3rem;
+  -moz-margin-end: 1.2rem;
+  background-size: 3rem;
+}
+
+html[dir="rtl"] #picture {
+  float: right;
+}
+
+#playpause {
+  width: 8.6rem;
+  height: 8.6rem;
+  margin: 2.2rem auto;
+  background: url("images/create_ringtone_play.png")
+    no-repeat center center / 8.6rem;
+}
+
+#playpause.playing {
+  background: url("images/create_ringtone_pause.png")
+    no-repeat center center / 8.6rem;
+}
+
+#set-default {
+  border-top: 0.1rem solid #686868;
+  padding-top: 0.7rem;
+  line-height: 5rem;
+}
+
+#saving-overlay {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 100;
+  background-color: rgba(51, 51, 51, 0.85);
+}
+
+#saving-overlay[hidden] {
+  display: none;
+}