comments the stylesheet and update video control interface and segment list interface
--- 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