integration/css/edition.css
changeset 39 d3d8a88878ed
parent 33 8540daf61fb0
child 41 3ec2343f2b85
--- a/integration/css/edition.css	Tue Nov 06 12:22:30 2012 +0100
+++ b/integration/css/edition.css	Tue Nov 06 18:48:59 2012 +0100
@@ -130,11 +130,17 @@
 
 /* col-middle - bloc-segmentation - popin.segmentation */
 
+.segmentation {
+    position: relative;
+    overflow: hidden;
+    padding-top: 12px;
+}
+
 .segmentation h2{
 	font-size: 14px;
 	font-weight: 600;
 	color:#de2500;
-	margin-bottom: 10px;
+	margin: 5px 0 10px;
 }
 
 .time-tangle {
@@ -429,11 +435,8 @@
 .publier-button:hover{
     background-position: 0 -67px;
 }
-.publier-button.disable{
-    background: url(../img/publier-button-sprite.png) 0 -67px no-repeat;
-}
-.publier-button.disable:hover{
-    background-color: none;
+.publier-button.disable, .publier-button.disable:hover{
+    background-position: 0 -134px;
 }
 
 /* Slice Widget */
@@ -470,3 +473,66 @@
 .Ldt-Slice .ui-slider-range {
     background: url(../img/pinstripe-purple.png);
 }
+
+/* Validate */
+
+.validate {
+    float: right; width: 20px; height: 20px; cursor: pointer; background: url(../img/helpwarn.png);
+    position: relative;
+}
+
+.validate:hover {
+    background-position: -20px 0;
+}
+
+.validate.warning {
+    background-position: 0 -20px;
+}
+
+.validate.warning:hover {
+    background-position: -20px -20px;
+}
+
+.validate.critical {
+    background-position: 0 -40px;
+}
+
+.validate.critical:hover {
+    background-position: -20px -40px;
+}
+
+.item-video .validate {
+    margin-right: -5px;
+}
+
+.liste-segment .validate {
+    margin: 6px -1px 0 2px;
+}
+
+.validate-tooltip {
+    position: absolute; top: 16px; left: -225px; width: 235px; padding: 16px 8px 0;
+    background: url(../img/tooltip.png) top no-repeat; z-index: 6; min-height: 30px;
+    color: #FFFFFF; display: none; cursor: auto;
+}
+
+.validate-tooltip ul {
+    padding-left: 14px; list-style: disc; font-size: 12px;
+}
+
+.validate-tooltip li {
+    margin: 2px 0;
+}
+
+.validate:hover .validate-tooltip {
+    display: block;
+}
+
+.validate:hover .validate-tooltip:hover {
+    display: none;
+}
+
+.validate-tooltip:after {
+    bottom: -10px; content: ""; height: 10px;
+    left: 0; position: absolute; width: 100%;
+    background: url(../img/tooltip.png) bottom no-repeat;
+}