--- a/integration/css/style.css Wed Oct 17 18:24:00 2012 +0200
+++ b/integration/css/style.css Tue Oct 23 18:39:37 2012 +0200
@@ -25,7 +25,7 @@
}
body{
height: 100%;
- background: url(../img/bg.jpg) repeat-x 0 0;
+ background: url(../img/bg.png) repeat-x 0 0;
}
a{
color:#000;
@@ -42,14 +42,15 @@
height: 100%;
}
div.wrap-header{
- background: url(../img/bg-wrap-header.jpg) repeat-x 0 0;
- height: 58px;
+ padding-top: 5px;
+ background-color: #370078;
+ height: 53px;
margin-bottom: 1px;
}
/* header */
div.header{
position: relative;
- background: url(../img/bg-header.jpg) repeat-x 0 0;
+ background-color: #e2dbfd;
height: 60px;
}
div.header div.title-video-wrap, div.header h1, div.header div.profil-wrap{
@@ -65,11 +66,14 @@
div.header h1 a img, div.header h1 a span{
float: left;
}
+div.header h1 a{
+ padding-top: 6px;
+}
div.header h1 a span{
font-family: 'OpenSans-Light';
font-size: 20px;
text-align: center;
- padding: 6px 0 0 6px;
+ padding: 0px 0 0 6px;
}
div.header div.title-video-wrap{
width: 460px;
@@ -127,7 +131,7 @@
div.content{
width: 960px;
min-height: 750px;
- background: url(../img/bg-degrade.jpg) 0 0 repeat-x;
+ background: url(../img/bg-degrade.png) 0 0 repeat-x;
}
div.col-middle, div.col-left, div.col-right{
@@ -139,11 +143,10 @@
}
div.col-middle-header{
height: 35px;
- background: url(../img/bg-previsualiser.jpg) repeat-x 0 0;
+ background: url(../img/bg-previsualiser.png) repeat-x 0 0;
line-height: 35px;
font-size: 16px;
font-family: 'OpenSans-SemiboldItalic';
-
}
div.col-middle-header a{
color: #30036d;
@@ -159,9 +162,16 @@
display: inline-block;
min-width: 210px;
height: 35px;
- background: url(../img/bg-segmenter.jpg) repeat-x 0 0;
+ background: url(../img/bg-segmenter.png) repeat-x 0 0;
}
+div.col-middle-header a.segmenter.disable,
+div.col-middle-header a.previsualiser.disable,
+div.col-middle-header.disable {
+ background-position: 0 -35px;
+}
+
div.col-middle-header a.previsualiser{
+ background: url(../img/bg-previsualiser.png) repeat-x 0 0;
float: right;
padding-right: 10px;
}
@@ -179,10 +189,7 @@
top: 10px;
}
div.col-middle div.video a.publier-button:hover{
- background-color: #666;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
+ background-position: 0 -67px;
}
div.col-middle div.video a.publier-button.disable{
background: url(../img/publier-button-sprite.png) 0 -67px no-repeat;
@@ -237,14 +244,127 @@
background: url(../img/bg-indication.png) 15px 0 no-repeat;
margin-left: -15px;
}
+
+/******* bloc ******/
+div.bloc-pvw{
+ display: none;
+}
+
+
+div.bloc-segmentation{
+ position: relative;
+}
+div.popin.segmentation{
+ top: 376px;
+ width: 100%;
+}
+div.popin.segmentation img.pointer{
+ left: 222px ;
+}
+div.popin.segmentation h2{
+ font-size: 14px;
+ font-family: 'OpenSans-Semibold';
+ color:#de2500;
+ margin-bottom: 10px;
+}
+div.popin.segmentation h2 span{
+ color: #7628df;
+}
+div.popin.segmentation form{
+ overflow: hidden;
+}
+div.popin.segmentation form div.form-segment-left,
+div.popin.segmentation form div.form-segment-right{
+ float: left;
+}
+div.popin.segmentation form div.form-segment-left{
+ width: 228px;
+}
+div.popin.segmentation form p{
+ margin-bottom: 8px;
+}
+div.popin.segmentation form label{
+ display: block;
+ font-size: 12px;
+ font-family: 'OpenSans-Semibold';
+ margin-bottom: 4px;
+}
+div.popin.segmentation form textarea{
+ width: 200px;
+ height: 66px;
+ max-width: 200px;
+ font-size: 12px;
+}
+div.popin.segmentation form input[type=text]{
+ font-size: 12px;
+ width: 200px;
+ height: 20px;
+}
+div.bloc-segmentation div.existant{
+ margin-top: 190px;
+
+}
+div.bloc-segmentation div.existant h2{
+ color: #30036d;
+ font-size: 14px;
+ font-family: 'OpenSans-Semibold';
+ padding-left: 8px;
+ margin-bottom: 8px;
+}
+div.bloc-segmentation div.segment{
+ width: 100%;
+ height: 8px;
+ background-color: #b6b8b8;
+ margin-bottom: 5px;
+ position: relative;
+}
+div.bloc-segmentation div.segment div.section{
+ background-color: #ff7f0e;
+ height: 6px;
+ border:1px solid #999999;
+ position: absolute;
+}
+div.bloc-segmentation div.segment div.popin.segment-section{
+ top: 8px;
+}
+div.bloc-segmentation div.segment div.popin.segment-section h2{
+ padding: 0;
+ color: #de2500;
+ margin-bottom: 4px;
+}
+div.bloc-segmentation div.segment div.popin.segment-section p{
+ font-size: 12px;
+}
+div.bloc-segmentation div.segment div.popin.segment-section p span{
+ color: #7628df;
+}
+
+div.bloc-segmentation div.segment div.popin.segment-section a.reprendre-segment{
+ float: right;
+ display: block;
+ height: 20px;
+ line-height: 20px;
+}
+div.bloc-segmentation div.segment div.popin.segment-section div.instant-description{
+ float: left;
+ margin-right: 16px;
+}
+
+
+
+
+
+
+
+
/* col-left */
div.col-left, div.col-right{
width: 250px;
min-height: 750px;
- background: url(../img/bg-col.jpg) repeat-x 0 0 #e6e6e6;
+ background: url(../img/bg-col.png) repeat-x 0 0 #e6e6e6;
}
div.col-left form{
- background: url(../img/bg-video-search.jpg) 0 0 repeat-x #906ebe;
+ background: url(../img/bg-video-search.png) 0 0 repeat-x #906ebe;
height: 70px;
padding-left: 10px;
margin-bottom: 1px;
@@ -282,8 +402,10 @@
position: absolute;
right: 2px;
width: 20px;
+ top: 0;
height: 20px;
border: none;
+ z-index: 2;
background: #FFF url(../img/zoom-icon.png) 2px 3px no-repeat;
}
div.col-left ul.list-video li a:hover,div.col-left ul.list-video li a.active{
@@ -298,7 +420,7 @@
}
div.col-right div.liste-segment{
height: 70px;
- background: url(../img/bg-liste-segment.jpg) repeat-x 0 0;
+ background: url(../img/bg-liste-segment.png) repeat-x 0 0;
padding: 0 10px;
width: 230px;
}
@@ -347,7 +469,7 @@
div.popin div.popin-content{
padding: 8px;
border: 1px solid #867a97;
- background: url(../img/bg-jaune.jpg);
+ background: url(../img/bg-jaune.png);
}
div.popin input[type=text],div.popin input[type=password], div.popin textarea{
padding: 0 6px;
@@ -444,36 +566,97 @@
}
-div.user.popin.signup div.popin-content h2{
+div.user.popin.signup div.popin-content h2,
+div.user.popin.login div.popin-content h2{
color: #de2500;
font-size: 14px;
margin-bottom: 12px;
}
-div.user.popin.signup div.popin-content form label{
+div.user.popin.signup div.popin-content form label,
+div.user.popin.login div.popin-content form label{
width: 84px;
font-size: 12px;
display: inline-block;
float: left;
- vertical-align: middle;
+ line-height: 12px;
}
-div.user.popin.signup div.popin-content form p{
+div.user.popin.signup div.popin-content form p,
+div.user.popin.login div.popin-content form p{
display: block;
line-height: 18px;
- margin-bottom: 6px;
- overflow: auto;
-
+ margin-bottom: 8px;
+ overflow: hidden;
}
div.user.popin.signup div.popin-content form input[type=text],
-div.user.popin.signup div.popin-content form input[type=password]{
+div.user.popin.signup div.popin-content form input[type=password],
+div.user.popin.login div.popin-content form input[type=text],
+div.user.popin.login div.popin-content form input[type=password]{
float: left;
position: relative;
width: 110px;
padding: 0 5px;
height: 18px;
display: inline-block;
- vertical-align: middle;
+}
+div.user.popin.login div.popin-content a.signup-button{
+ background-color: #de2500;
+}
+
+
+div.user.popin.signup div.popin-content form input[type=submit],
+div.user.popin.login div.popin-content form input[type=submit],
+div.user.popin.login a.signup-button ,
+div.popin.segmentation form input[type=submit],
+div.popin.segment-section a.reprendre-segment{
+ margin-top: 2px;
+ font-family: 'OpenSans-Regular';
+ display: block;
+ font-size: 12px;
+ border: 0;
+ width: 150px;
+ padding: 1px 0;
+ background-color: #30036D;
+ color: #FFF;
+ text-align: center;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ float: right;
+ cursor: pointer;
}
+
+
+div.user.popin.signup div.popin-content form input[type=submit]:hover,
+div.user.popin.login div.popin-content form input[type=submit]:hover,
+div.user.popin.login div.popin-content a.signup-button:hover,
+div.popin.segmentation form input[type=submit]:hover,
+div.popin.segment-section a.reprendre-segment:hover{
+ background-color: #FF00FC
+}
+
+
+
+
+
+
+div.user.popin.signup {
+ display: none;
+}
+div.user.popin.info {
+ display: none;
+}
+div.user.popin.login {
+ display: none;
+}
+
+
+
+
+
+
+
+
/* frise-description */
div.frise-description.popin{
top: 26px;
@@ -634,7 +817,6 @@
}
div.footer ul.links-left{
float: left;
-
}
div.footer ul.links-left li{
margin-bottom: 4px;