Publish YouTube Line 1.0.3.4 with installation and privacy documentation

files/css/options.css

@@ -0,0 +1,68 @@
+body {
+	width: 100%;
+	margin: 0;
+	background: #eee;
+	overflow: hidden;
+}
+
+#body {
+	display: table;
+	width: 100%;
+	height: 100vh;
+}
+#cell {
+	display: table-cell;
+	vertical-align: middle;
+	text-align: center;
+}
+#block {
+/*	display: inline-block;*/
+	margin: 0 0 20px;
+	padding: 50px 0;
+	border-top: 1px solid #ddd;
+	border-bottom: 1px solid #ddd;
+}
+
+#cell div>* {
+	vertical-align: middle;
+}
+
+h1 {
+	margin: 0 0 20px;
+	font-size: 16px;
+	color: #d11c1c;
+}
+span {
+	display: inline-block;
+	padding: 0 20px 0 0;
+	min-width: 70px;
+	text-align: right;
+}
+b {
+	display: inline-block;
+	padding: 0 0 0 3px;
+	font-weight: 400;
+	color: #bbb;
+}
+input {
+	width: 80px;
+	margin: 5px 5px 5px 0;
+	padding: 10px 15px;
+	border: 1px solid #ddd;
+	border-radius: 3px;
+	outline: none;
+	text-align: center;
+}
+button {
+	margin: 15px 0 0;
+	padding: 5px 10px;
+	background: #ccc;
+	border: none;
+	border-radius: 3px;
+	outline: none;
+	cursor: pointer;
+	user-select: none;
+}
+button:hover {
+	background: #bbb;
+}

files/css/style.css

@@ -0,0 +1,20 @@
+#la-player-line {
+	position: absolute;
+	width: 100%;
+	height: 2px;
+	background: rgba(128, 128, 128, .5);
+	bottom: 0;
+	z-index: 99;
+	opacity: 1;
+	transition: opacity .25s ease-in-out;
+}
+#la-player-line div {
+	position: absolute;
+	width: 59%;
+	height: 100%;
+	background: red;
+	transition: width .1s ease-in-out;
+}
+#movie_player:not(.ytp-autohide) #la-player-line {
+	opacity: 0;
+}