src/metadatacomposer/static/metadatacomposer/css/style.css
changeset 108 ba125e8615eb
parent 104 cf1781603b08
child 112 7a1eda437099
--- a/src/metadatacomposer/static/metadatacomposer/css/style.css	Mon Jun 10 15:58:23 2013 +0200
+++ b/src/metadatacomposer/static/metadatacomposer/css/style.css	Mon Jun 10 16:15:11 2013 +0200
@@ -1,4 +1,5 @@
 .wrap{color: #2c3e50;}
+.tab-content{overflow: hidden;}
 .vignette-projet{position: relative;}
 .vignette-projet:hover a{display: block;}
 .vignette-projet a{ display:none;position: absolute; width: 50%; height: 100%; font-size: 50px; text-align: center; line-height: 140px; text-decoration: none;}
@@ -64,9 +65,7 @@
 .add-annotation-wrap, .form-info-general-annotation{padding: 10px 0;}
 .form-info-general-annotation ul.tagit {margin-left: 0px;width: 195px;}
 .form-info-general-annotation textarea{min-height:100px; height: 100px;min-width: 196px;}
-
 .add-annotation-wrap {margin-bottom: 20px; padding-top: 0;}
-
 .slider-duration{width: 435px;display: inline-block; margin-bottom: 10px;}
 .btn-save-annotation{margin-right: 10px;}
 .tab-pane.active{background-color: #F5F5F5;}
@@ -80,7 +79,6 @@
 .config-diaporama form{background-color: #34495e; padding: 4px 0; margin: 0; overflow: hidden;  line-height: 28px;}
 .config-diaporama form label{display: inline-block; padding-left: 10px;}
 .config-diaporama form input{margin-bottom: 0;}
-
 .edit-annotation-text textarea{max-width: 446px;}
 .wysiwyg-wrap{overflow: hidden; }
 .ui-slider-handle.ui-state-default.ui-corner-all{border-radius: 0;}
@@ -98,12 +96,8 @@
 .timeline-annotations .annotation:hover span,
 .annotation.editing span, 
 .annotation.editing i{display: inline;}
-ul.tagit{margin-left: 10px;-webkit-border-radius: 0px;
--moz-border-radius: 0px;
-border-radius: 0px;}
-
+ul.tagit{margin-left: 10px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
 .video-wrap{position: relative;}
-.annotations-display{}
 .annotation-display-view{display:none;text-align:center; line-height:200px;background-color: #fff;position: absolute; width: 200px; margin-left: -100px; height: 200px; margin-top: -100px; top: 50%; left: 50%;}
 .list-current-annotations{position: absolute;bottom: 40px; left: 20px; margin: 0;}
 .list-current-annotations li{list-style: none; margin-top: 4px;}
@@ -111,53 +105,29 @@
 .list-current-annotations a span{display: none;}
 .list-current-annotations a:hover span{display: inline-block;}
 .annotation-audio-content textarea{max-width: 206px;}
-
 .annotation-links-content .links-form:nth-child(n+2){border-top:1px solid; padding-top: 20px;}
-
 td.list-chapter-tags, td.list-chapter-title, #list-annotations-rows > tr td:first-child{word-wrap: break-word; max-width: 75px;}
 td.begin, td.duration, td.end{max-width: 40px;}
-
 td.image-slideshow-row img{width: 60px; height: 60px;}
 .project-title-editor input{margin-bottom: 0;}
 #templates{display: none;}
-
 .title-slideshow-row{word-wrap: break-word;width: 76px;}
 .title-slideshow-row input{width: 70px;}
 .description-slideshow-row{word-wrap: break-word; width: 180px; }
 .description-slideshow-row span{max-height: 100px; display: inline-block; overflow: auto;}
 .description-slideshow-row textarea{width: 164px; max-width: 164px; height: 100px;}
 .label-modify-video, .label-add-video{display: none;}
-
-.shadow {
-    background-color: #00FFFF !important;
-}
+.shadow {background-color: #00FFFF !important;}
 .alert-message{display: none;}
-
+.alert{display: none;}
 /* Tangle */
-.time-tangle {
-	color: #2c3e50; cursor: w-resize; position: relative;
-	border-bottom: 1px dashed #2c3e50;
-}
+.time-tangle {color: #2c3e50; cursor: w-resize; position: relative;border-bottom: 1px dashed #2c3e50;}
 .time-tangle:hover, 
-.time-tangle.active {
-    color: #c0392b; 
-}
+.time-tangle.active {color: #c0392b;}
 .time-tangle:hover:after, 
-.time-tangle.active:after {
-	position: absolute;
-	display: inline-block;
-    color: #2c3e50;  top: 18px; left: 50%; width: 160px;
-    margin-left: -80px; font-size: 10px; text-align: center;
-    content: "glisser pour modifier";
-}
-
-.time-tangle.deactivate:hover {
-    border: none; color: #2c3e50;
-}
-
-.time-tangle.deactivate:hover:after {
-    display: none;
-}
+.time-tangle.active:after {position: absolute;display: inline-block;color: #2c3e50;  top: 18px; left: 50%; width: 160px;margin-left: -80px; font-size: 10px; text-align: center;content: "glisser pour modifier";}
+.time-tangle.deactivate:hover {border: none; color: #2c3e50;}
+.time-tangle.deactivate:hover:after {display: none;}
 
 .loader {
     background: url(../img/loader.gif) center no-repeat;