comments the stylesheet and update video control interface and segment list interface
authorjulien <julien@erret.com>
Fri, 31 Jul 2015 18:36:24 +0200
changeset 68 5002976e742d
parent 67 6e041b15bc78
child 69 be6fde8f0ef9
comments the stylesheet and update video control interface and segment list interface
server/src/remie/static/remie/css/style.css
--- a/server/src/remie/static/remie/css/style.css	Fri Jul 31 18:33:02 2015 +0200
+++ b/server/src/remie/static/remie/css/style.css	Fri Jul 31 18:36:24 2015 +0200
@@ -26,21 +26,6 @@
     margin-top:40px;
 }
 
-#info_panel{
-    float: left;
-    height: 100%;
-    margin-left: 15px;
-    width: 512px;
-}
-
-/*#CurrentSegmentInfobox_container,
-#LatestAnnotation_container,
-#AnnotationsController_container,
-#CreateAnnotation_container,
-#AnnotationsList_container{
-	max-width: 537px;
-}*/
-
 #player_container{
 	height: 380px;
 	width: 625px;
@@ -50,6 +35,19 @@
     font-family: Open-Sans-Light;
 }
 
+/* ----------------------------------------------- */
+/* ------------------ Info Panel ----------------- */
+/* ----------------------------------------------- */
+
+#info_panel{
+    float: left;
+    height: 100%;
+    margin-left: 15px;
+    width: 512px;
+}
+
+/* -------- Override CurrentSegment style -------- */
+
 #CurrentSegmentInfobox_container .Ldt-CurrentSegmentInfobox,
 #LatestAnnotation_container .Ldt-LatestAnnotation{
     background: inherit;
@@ -61,9 +59,6 @@
     display: table-cell;
 }
 
-#LatestAnnotation_container .Ldt-LatestAnnotation-Box {
-    background: inherit;
-}
 
 .Ldt-CurrentSegmentInfobox-Element.Ldt-CurrentSegmentInfobox-NoSegment{
     color: #C0C0C0;
@@ -111,8 +106,14 @@
     font-family: Open-Sans-Light;
     color: #848484;
     font-weight: bold;
+    font-size: 16px;
 }
 
+/* -------- Override LatestAnnotation style -------- */
+
+#LatestAnnotation_container .Ldt-LatestAnnotation-Box {
+    background: inherit;
+}
 .Ldt-LatestAnnotation-Element.Ldt-LatestAnnotation-CreationDate,
 .Ldt-LatestAnnotation-Element.Ldt-LatestAnnotation-Title,
 .Ldt-LatestAnnotation-Element.Ldt-LatestAnnotation-Content{
@@ -150,6 +151,8 @@
     padding-top: 4px;
 }
 
+/* -------- Override AnnotationsController style -------- */
+
 .Ldt-AnnotationsController-Button.Ldt-AnnotationsController-ShowAnnotationsListButton,
 .Ldt-AnnotationsController-Button.Ldt-AnnotationsController-ShowCreateAnnotationButton {
     height: 27px;
@@ -159,6 +162,8 @@
     float: left;
 }
 
+/* -------- Override CreateAnnotation style -------- */
+
 .Ldt-CreateAnnotation-Screen.Ldt-CreateAnnotation-Main input{
     height: 30px;
     padding: 0;
@@ -215,6 +220,9 @@
     display: none;
 }
 
+
+/* -------- Override AnnotationsList style -------- */
+
 ul.Ldt-AnnotationsList-ul li:nth-child(2n+1){
     background-color: #f0f5f6;
 }
@@ -261,11 +269,25 @@
     display: none;
 }
 
+/* ----------------------------------------------- */
+/* ----------------- Media Panel ----------------- */
+/* ----------------------------------------------- */
+
 #player_container_widget_Segments_7{
+    width: 560px !important;
     height: 50px !important;
-    margin: 5px 0 !important;
+    margin: 0 40px !important;
+    top: -31px;
 }
 
+#player_container_widget_Segments_7 .Ldt-Segments-Position{
+    margin-left: -2px;
+    width: 4px;
+    background-color: #5a5a5a;
+}
+
+/* -------- Override Segments-List style -------- */
+
 .Ldt-Segments-List .Ldt-Segments-Segment{
     background-color: #848484 !important;
     border-width: 0 5px !important;
@@ -273,4 +295,34 @@
 }
 .Ldt-Segments-List .Ldt-Segments-Segment:hover{
     background-color: #a2a2a2 !important;
+}
+
+/* -------- Override video player style -------- */
+
+#player_container_widget_Slider_3{
+    height: 15px;
+    margin: 10px 0 0 40px;
+    width: 560px !important;
+}
+
+#player_container_widget_Slider_3 .Ldt-Slider{
+    height: 15px !important;
+}
+
+#player_container_widget_Controller_5 .Ldt-Ctrl{
+    background: none;
+    border: none;
+}
+
+.Ldt-Ctrl .Ldt-Ctrl-Left .Ldt-Ctrl-spacer,
+.Ldt-Ctrl .Ldt-Ctrl-Right .Ldt-Ctrl-spacer{
+    background: none;
+}
+
+.Ldt-Ctrl .Ldt-Ctrl-Left .Ldt-Ctrl-Play{
+    margin: 11px 0 0 5px;
+}
+
+.Ldt-Ctrl .Ldt-Ctrl-Right .Ldt-Ctrl-Sound {
+    margin: 10px 4px 0 2px;
 }
\ No newline at end of file