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/music/components/dom-scheduler/demo-app/css/ul.css

@@ -0,0 +1,143 @@
+ul {
+  list-style: none;
+  padding: 0 0 0 0;
+  margin: 0;
+}
+
+ul section {
+  margin: 0;
+  padding: 0;
+}
+
+ul h2 {
+  position: sticky;
+  position: -webkit-sticky;
+  top: 0px;
+  height: 32px;
+
+  margin: 0;
+  padding: 0 6px;
+  box-sizing: border-box;
+
+  font-size: 0.9em;
+  line-height: 32px;
+
+  background: #efefef;
+  border-bottom: 1px #bcbcbc solid;
+
+  z-index: 100;
+}
+
+ul .background {
+  position: absolute;
+  width: 100%;
+
+  background: linear-gradient(to bottom, transparent 0px, transparent 45px, #EDEDED 45px, #EDEDED 70px, transparent 20px),
+              linear-gradient(to bottom, transparent 0px, transparent 15px, #EDEDED 15px, #EDEDED 25px, transparent 20px),
+              linear-gradient(to top, #bcbcbc, #bcbcbc 1px, white 1px, white);
+  background-position: 20% 88px, 5% -88px, 0 -88px;
+  background-size: 90% 88px, 60% 88px, 100% 88px;
+  background-repeat: repeat-y;
+
+  z-index: 0;
+}
+
+ul.reordering .background {
+  background: linear-gradient(to top, #bcbcbc, #bcbcbc 1px, white 1px, white);
+  background-position: 0 -88px;
+  background-size: 100% 88px;
+}
+
+ul li {
+  width: 100%;
+  height: 88px;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+
+  -moz-user-select: none;
+
+  background: white;
+  border-bottom: 1px #bcbcbc solid;
+
+  z-index: 10;
+}
+
+ul li h3 {
+  margin: 0;
+  padding: 9px 6px 3px 6px;
+  background: white;
+
+  color: #424242;
+
+  pointer-events: none;
+}
+
+ul li p {
+  margin: 0;
+  padding: 3px 6px 10px 6px;
+  background: white;
+
+  color: #797979;
+
+  pointer-events: none;
+}
+
+li.new {
+  opacity: 0;
+}
+
+li .overlay {
+  position: absolute;
+  top: 1px;
+  left: 0;
+  width: 100%;
+  height: calc(100% - 2px);
+
+  background: rgba(255, 255, 255, 0.7);
+
+  opacity: 0;
+  animation-duration:  0.2s;
+  animation-timing-function: ease-in;
+  animation-fill-mode: both;
+
+  -webkit-animation-duration:  0.2s;
+  -webkit-animation-timing-function: ease-in;
+  -webkit-animation-fill-mode: both;
+
+  pointer-events: none;
+}
+
+li.edit .overlay {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.overlay .cursor {
+  margin: 17px auto;
+  padding: 0;
+  width: 50px;
+  height: 50px;
+
+  text-align: center;
+  line-height: 50px;
+  font-size: 25px;
+  color: #0b0b0b;
+
+  border-radius: 8px;
+  background: rgba(0, 0, 0, 0.3);
+  -moz-user-select: none;
+}
+
+li.dragging {
+  transition: transform 0s linear;
+  -webkit-transition: -webkit-transform 0s linear;
+}
+
+li.dragging .overlay {
+  opacity: 0;
+}
+
+li[data-populated=false] {
+  opacity: 0;
+}