basic media editor

1 files changed, 16 insertions, 7 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 684761c..7389810 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1106,7 +1106,7 @@ input[type=range] {
     -webkit-appearance: none;
     -moz-appearance: none;
     background-color: black;
-    width: 200px;
+    width: 180px;
     height:3px;
 }
 
@@ -1176,13 +1176,15 @@ input[type="range"]::-webkit-slider-thumb {
 #startpoint.active:hover {
   text-decoration:none;
 }
-.settings input[type="text"], textarea{
+.settings input[type="text"] {
   border: 1px solid #000;
   font-size: 15px;
   padding: 5px;
 }
 
 .settings textarea {
+	border: 1px solid #000;
+	padding: 5px;
   font-size: 12px;
   width: 100%;
   max-height: 200px;
@@ -1193,7 +1195,7 @@ input[type="range"]::-webkit-slider-thumb {
   border: 1px solid #000;
 }
 
-.settings .setting{
+.settings .setting {
   margin-bottom:10px;
 }
 .setting.subButtons {
@@ -1210,6 +1212,13 @@ input[type="range"]::-webkit-slider-thumb {
 .settings .setting:last-child{
   margin-bottom:0px;
 }
+.settings input[type="text"].number {
+	width: 60px;
+}
+
+.setting label {
+	padding-right: 5px;
+}
 
 button {
   padding: 8px;
@@ -1372,23 +1381,23 @@ form li textarea {
 	margin-top: 20px;
 }
 
-.video {
+.demo .video {
   height:80vh;
   min-height:300px;
 }
 
-.video span {
+.demo .video span {
   font-size:100px;
   color:white;
   cursor:pointer;
 }
-.video span.videoTitle {
+.demo .video span.videoTitle {
   font-size: 29px;
   font-weight: 300;
   padding: 3px 7px;
 }
 
-.video span.icon-ios7-play-outline:hover {
+.demo .video span.icon-ios7-play-outline:hover {
   color:lightgreen;
 }