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/fling-player/style/fling_player.css

@@ -0,0 +1,186 @@
+/**
+ External
+ */
+@import url("../bower_components/gaia-theme/gaia-theme.css");
+
+html {
+  font-size: 10px;
+  /* We have Fira Sans as default font in real device. But it isn't default in
+   * browser. That's the main reason this line is here.*/
+  font-family: "Fira Sans";
+}
+
+html, body {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  background-color: black;
+}
+
+a {
+  outline: 0;
+}
+
+a:hover, a:active, a:focus {
+  outline: 0;
+}
+
+article, section, video {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+#loading-section {
+  text-align: center;
+  top: calc(50% - 20rem);
+  left: calc(50% - 15rem);
+  height: 30rem;
+  width: 30rem;
+}
+
+#loading-section span{
+  color: #fff;
+  line-height: 5rem;
+  font-size: 2.4rem;
+  font-style: italic;
+  display: inline-block;
+}
+
+#initial-message-section {
+  width: auto;
+  height: 11rem;
+  line-height: 11rem;
+  border-radius: 5.5rem;
+  padding: 0 6rem;
+  top: auto;
+  bottom: 30rem;
+  left: 50%;
+  margin-right: -50%;
+  transform: translate(-50%, 0);
+  color: #fff;
+  font-size: 5rem;
+  text-align: center;
+  background-color: rgba(0, 0, 0, 0.5);
+  opacity: 1;
+  transition: opacity 1s ease;
+}
+
+#initial-message-section.fade-out {
+  opacity: 0;
+}
+
+.control-panel {
+  position: absolute;
+  left: 19.5rem;
+  right: 19.5rem;
+  bottom: 4rem;
+  opacity: 1;
+  transition: all 1s ease;
+}
+
+.control-panel.fade-out {
+  opacity: 0;
+}
+
+#video-time-progress {
+  height: 8rem;
+  border-radius: 4rem;
+  left: 34.8rem;
+  right: 0;
+  top: 0;
+  position: absolute;
+  display: flex;
+  flex-direction: row;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+#time-progress {
+  height: 8rem;
+  left: 0;
+  right: 0;
+  flex-grow: 1;
+}
+
+.time-bar {
+  width: 100%;
+  height: 0.6rem;
+  background: #6d7177;
+  top: 4rem;
+  position: relative;
+  transform: translate(0, -50%);
+}
+
+#elapsed-time-bar {
+  width: 0;
+  top: 2.8rem;
+  background: #71c9f0;
+}
+
+#buffered-time-bar {
+  width: 0;
+  top: 3.4rem;
+  background: #fff;
+}
+
+.time-text {
+  font-size: 3.2rem;
+  height: 8rem;
+  line-height: 8rem;
+  font-style : italic;
+  color : #ffffff;
+}
+
+#elapsed-time {
+  margin-left: 4.2rem;
+  margin-right: 3rem;
+}
+
+#duration-time {
+  margin-left: 3rem;
+  margin-right: 4.2rem;
+}
+
+#video-control-buttons {
+  width: 31.8rem;
+  height: 8rem;
+  margin-right: 0;
+  display: inline-block;
+  position: relative;
+}
+
+#video-control-buttons > smart-button {
+  font-size: 5rem;
+  color: #fff;
+  position: absolute;
+}
+
+#play-button {
+  width: 9.8rem;
+  height: 9.8rem;
+  margin-top: -0.9rem;
+  left: 11rem;
+}
+
+#forward-button {
+  left: 23.8rem;
+}
+
+#video-control-buttons > smart-button[data-icon]::before {
+  top: -0.1rem;
+}
+
+#play-button[data-icon]::before,
+#play-button.focused[data-icon]::before {
+  left: 2.2rem;
+  line-height: 9.8rem;
+  transform: scale(1.33);
+}
+
+#play-button.focused[data-icon]::before {
+  transform: scale(1.6);
+}