integration/css/edition.css
changeset 23 c9dc489913af
parent 22 bd904d592881
child 24 1fbf7d835dc2
child 25 eea45f9b124b
--- a/integration/css/edition.css	Thu Oct 25 18:52:44 2012 +0200
+++ b/integration/css/edition.css	Fri Oct 26 18:54:20 2012 +0200
@@ -118,6 +118,10 @@
     font-style: italic; font-weight: normal;
 }
 
+.empty-mode .tab-media-title, .pvw-mode .tab-media-title {
+    display: none;
+}
+
 .frise{
 	width: 458px;
 	position: relative;
@@ -209,9 +213,19 @@
 	color:#de2500;
 	margin-bottom: 10px;
 }
-.segmentation h2 span{
-	color: #7628df;
+
+.time-tangle {
+	color: #7628df; cursor: w-resize; position: relative;
+}
+.time-tangle:hover, .time-tangle.active {
+    color: #FF00FC; border-bottom: 1px dashed #7628df;
 }
+.time-tangle:hover:after, .time-tangle.active:after {
+    color: #7628DF; position: absolute; top: 18px; left: 50%; width: 160px;
+    margin-left: -80px; font-size: 12px; text-align: center;
+    content: "glisser pour modifier"
+}
+
 .segmentation form{
 	overflow: hidden;
 }
@@ -478,10 +492,8 @@
 }
 .item-video {
 	margin-bottom: 1px;
-}
-.item-video{
+	cursor: pointer;
 	padding: 5px 10px 5px 10px;
-	position: relative;
 	clear: both;
 	width: auto;
 	min-height: 62px;
@@ -552,7 +564,6 @@
     width: 460px;
     height: 300px;
     position: relative;
-    margin-bottom: 8px;
     background: #333333;
 }
 a.publier-button{
@@ -586,7 +597,7 @@
 }
 
 .Ldt-Slider .ui-slider-handle {
-    border-radius: 8px; top: -2px; background: #fc00ff; border: 1px solid #ffffff;
+    border-radius: 8px; top: -2px; background: #ff00fc; border: 1px solid #ffffff;
 }
 
 .Ldt-Slider .ui-slider-range {
@@ -739,4 +750,27 @@
 
 .Ldt-Ctrl-Volume-Control:hover .ui-slider-handle {
      background: #F7268E;
-}
\ No newline at end of file
+}
+
+/* Slice Widget */
+
+.Ldt-Slice {
+    border-radius: 0; border: none; padding: 0; margin: 12px 0 12px; background: #B6B8B8; height: 8px;
+}
+
+.Ldt-Slice .ui-slider-handle {
+    width: 7px; height: 20px; top: 0; border: none; margin: 0; padding: 0;
+    background: url(../img/slice-handles.png); border-radius: 0; cursor: pointer;
+}
+
+.ui-slider-handle.Ldt-Slice-left-handle {
+    margin-left: -7px;
+}
+
+.ui-slider-handle.Ldt-Slice-right-handle {
+    margin-left: 0; background-position: -7px 0;
+}
+
+.Ldt-Slice .ui-slider-range {
+    background: url(../img/pinstripe-purple.png);
+}