# HG changeset patch # User Anthony Ly # Date 1351085916 -7200 # Node ID 12978893bbf04fa9fdb34a233dd7f2403e426101 # Parent 08ee0719b907bb311ed189c42c9fa2dde678e7d7 ajout des fonts et réorganisation des css diff -r 08ee0719b907 -r 12978893bbf0 integration/css/common.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/css/common.css Wed Oct 24 15:38:36 2012 +0200 @@ -0,0 +1,318 @@ +/* fonts */ +@font-face { + font-family: 'OpenSans'; + font-weight: 400; + src:url("fonts/OpenSans-Regular.eot?") format("eot"), + url("fonts/OpenSans-Regular.woff") format("woff"), + url("fonts/OpenSans-Regular.ttf") format("truetype"), + url("fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg"); +} +@font-face { + font-family: 'OpenSans'; + font-weight: 300; + src:url("fonts/OpenSans-Light.eot?") format("eot"), + url("fonts/OpenSans-Light.woff") format("woff"), + url("fonts/OpenSans-Light.ttf") format("truetype"), + url("fonts/OpenSans-Light.svg#OpenSans-Light") format("svg"); +} +@font-face { + font-family: 'OpenSans'; + font-weight: bold; + src:url("fonts/OpenSans-Bold.eot?") format("eot"), + url("fonts/OpenSans-Bold.woff") format("woff"), + url("fonts/OpenSans-Bold.ttf") format("truetype"), + url("fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg"); +} +@font-face { + font-family: 'OpenSans'; + font-style: italic; + src:url("fonts/OpenSans-Italic.eot?") format("eot"), + url("fonts/OpenSans-Italic.woff") format("woff"), + url("fonts/OpenSans-Italic.ttf") format("truetype"), + url("fonts/OpenSans-Italic.svg#OpenSans-Italic") format("svg"); +} +@font-face { + font-family: 'OpenSans'; + font-weight: 600; + src:url("fonts/OpenSans-Semibold.eot?") format("eot"), + url("fonts/OpenSans-Semibold.woff") format("woff"), + url("fonts/OpenSans-Semibold.ttf") format("truetype"), + url("fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg"); +} +@font-face { + font-family: 'OpenSans'; + font-weight: 600px; + font-style: italic; + src:url("fonts/OpenSans-SemiboldItalic.eot?") format("eot"), + url("fonts/OpenSans-SemiboldItalic.woff") format("woff"), + url("fonts/OpenSans-SemiboldItalic.ttf") format("truetype"), + url("fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic") format("svg"); +} +/* custom reset */ +body{ + height: 100%; + background: url(../img/bg.png) repeat-x 0 0; +} +a{ + color:#000; + text-decoration: none; +} +/* common */ +div.wrap{ + min-height:100%; + background-color: #FFF; + width: 960px; + margin: 0 auto; + font-family: 'OpenSans'; + font-weight: 400; + color:#333333; + font-size: 13px; + height: 100%; +} +div.wrap-header{ + padding-top: 5px; + background-color: #370078; + height: 53px; + margin-bottom: 1px; +} +/* header */ +div.header{ + position: relative; + background-color: #e2dbfd; + height: 60px; +} +div.header div.title-video-wrap, div.header h1, div.header div.profil-wrap{ + position: relative; + float: left; + height: 60px; +} +div.header h1{ + display: inline-block; + height: 60px; + width: 250px; +} +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-size: 20px; + text-align: center; + padding: 0px 0 0 6px; + font-weight: 300; +} +/* header - profil-wrap */ +div.header div.profil-wrap{ + width: 250px; +} +div.header div.profil-wrap a{ + width: 160px; + display: block; + text-align: right; + position: absolute; + right: 0; + font-size: 14px; + color: #30036d; + padding-right: 18px; +} +div.header div.profil-wrap a:hover{ + color: #FF00FC; +} +div.header div.profil-wrap a.all-hashcut{ + top: 12px; + background: url(../img/arrow-top.png) right 2px no-repeat; +} +div.header div.profil-wrap a.my-profil{ + top: 32px; + background: url(../img/arrow-bot.png) right 4px no-repeat; +} +/* content */ +div.content{ + width: 960px; + min-height: 750px; + background: url(../img/bg-degrade.png) 0 0 repeat-x; +} +/* popin */ +div.popin{ + padding-top: 12px; + position: absolute; + top: 0; + z-index: 10; +} +div.popin img.pointer{ + position: absolute; + top: 0; +} +div.popin div.popin-content{ + padding: 8px; + border: 1px solid #867a97; + background: url(../img/bg-jaune.png); +} +div.popin input[type=text],div.popin input[type=password], div.popin textarea{ + padding: 0 6px; + height: 20px; + line-height: 20px; + font-size: 12px; + border: 1px solid #867a97; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +/* popin - user */ + +div.user.popin.signup { + display: none; +} +div.user.popin.info { + display: none; +} +div.user.popin.login { + display: none; +} + +div.user.popin{ + top: 48px; + right: 0; +} +div.user.popin img.pointer{ + right: 36px; +} +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; + 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 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.login div.popin-content form label{ + width: 84px; + font-size: 12px; + display: inline-block; + float: left; + line-height: 12px; +} +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: 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.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; +} +/* popin - user - info */ +div.user.popin.info div.popin-content{ + min-width: 150px; + text-align: right; +} +div.user.popin.info div.popin-content h2{ + color: #7628df; + font-size: 18px; + font-weight: 600; + margin-bottom: 2px; +} +div.user.popin.info div.popin-content h3{ + color: #30036d; + font-size: 14px; + margin-bottom: 10px; +} +div.user.popin.info div.popin-content a.nb-hashcut{ + color: #de2500; + font-size: 14px; + text-decoration: underline; + display: block; + margin-bottom: 12px; +} +div.user.popin.info div.popin-content a.nb-hashcut:hover{ + text-decoration: none; +} +div.user.popin.info div.popin-content a.change-account{ + text-align: center; + height: 20px; + width: 150px; + line-height: 20px; + color: #FFF; + font-size: 12px; + background-color: #30036d; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + display: block; +} +div.user.popin.info div.popin-content a.change-account:hover{ + background-color: #FF00FC; +} +/* popin - user - signup */ +div.user.popin.login div.popin-content a.signup-button{ + background-color: #de2500; +} +div.user.popin.signup div.popin-content{ + min-width: 205px; +} +/* footer */ +div.footer{ + border-top: 1px solid black; + width: 100%; + padding-top: 8px; +} +div.footer ul.links-left{ + float: left; +} +div.footer ul.links-left li{ + margin-bottom: 4px; +} +div.footer ul.links-left li a{ + border-bottom: 1px solid #cccccc; +} +div.footer ul.links-left li a:hover{ + border-bottom: none; +} +div.footer ul.links-right{ + float: right; +} +div.footer ul.links-right li{ + line-height: 40px; + float: right; + margin-left: 8px; +} +div.footer ul.links-right li img { + vertical-align: middle; +} \ No newline at end of file diff -r 08ee0719b907 -r 12978893bbf0 integration/css/edition.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/css/edition.css Wed Oct 24 15:38:36 2012 +0200 @@ -0,0 +1,549 @@ +/* bloc */ +div.bloc-pvw{ + +} +div.bloc-segmentation{ + display: none; +} +div.bloc-vide{ + display: none; +} +/* header - title-video-wrap */ +div.header div.title-video-wrap{ + width: 460px; +} +div.header div.title-video-wrap a{ + position: absolute; + top: 10px; + left: 0; + font-size: 18px; + font-weight: bold; + color: #30036d; + text-decoration: underline; + background-image: url(../img/pencil-icon.png); + background-repeat: no-repeat; + background-position: right 2px; + padding-right: 20px; +} +div.header div.title-video-wrap a:hover{ + text-decoration: none; +} +div.header div.title-video-wrap p.time-length{ + position: absolute; + top: 34px; + color: #333333; + font-size: 14px; +} +div.header div.title-video-wrap p.time-length span{ + color: #de2500; +} +/* popin - update-title */ +div.update-title.popin{ + top: 34px; + left: 150px; +} +div.update-title.popin p.form-right, +div.update-title.popin div.form-left{ + float: left; +} +div.update-title.popin textarea{ + width: 200px; + height: 66px; + max-width: 530px; +} +div.update-title.popin div.form-left{ + margin-right: 12px; +} +div.update-title.popin img.pointer{ + left: 110px; +} +div.update-title.popin label{ + display: block; + margin-bottom: 4px; +} +div.update-title.popin input[type=text]{ + width: 200px; +} +div.update-title.popin p.titre-wrap{ + margin-bottom: 6px; +} +/* col */ +div.col-middle, +div.col-left, +div.col-right{ + float: left; +} +/* col-middle */ +div.col-middle{ + width: 460px; +} +div.col-middle-header{ + height: 35px; + background: url(../img/bg-previsualiser.png) repeat-x 0 0; + line-height: 35px; + font-size: 16px; + font-weight: 600px; + font-style: italic; +} +div.col-middle-header a{ + color: #30036d; +} +div.col-middle-header a:hover{ + color: #FF00FC; +} +div.col-middle-header a.disable, div.col-middle-header a.disable:hover{ + color: #796891; +} +div.col-middle-header a.segmenter{ + padding: 0 10px; + display: inline-block; + min-width: 210px; + height: 35px; + 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; +} +div.col-middle div.video{ + width: 460px; + position: relative; + margin-bottom: 8px; +} +div.col-middle div.video a.publier-button{ + position: absolute; + width: 69px; + height: 67px; + background: url(../img/publier-button-sprite.png) 0 0 no-repeat; + left: 382px; + top: 10px; +} +div.col-middle div.video a.publier-button:hover{ + background-position: 0 -67px; +} +div.col-middle div.video a.publier-button.disable{ + background: url(../img/publier-button-sprite.png) 0 -67px no-repeat; +} +div.col-middle div.video a.publier-button.disable:hover{ + background-color: none; +} +div.col-middle div.frise{ + width: 458px; + position: relative; + height: 22px; +} +div.col-middle div.frise div.segment{ + height: 22px; +} +div.col-middle div.frise span.indication{ + height: 22px; + line-height: 22px; +} +/* frise */ +div.frise{ + position: relative; + border: 1px solid #333333; + +} +div.frise div.segment{ + float: left; + margin-left: -1px; + border-right: 1px solid #333; + -moz-box-shadow: inset 0px 2px 2px 0px #333; + -webkit-box-shadow: inset 0px 2px 2px 0px #333; + box-shadow: inset 0px 2px 2px 0px #333; +} +div.frise div.segment:first-child{ + -moz-box-shadow: inset 2px 2px 2px 0px #333; + -webkit-box-shadow: inset 2px 2px 2px 0px #333; + box-shadow: inset 2px 2px 2px 0px #333; + margin-left: 0; +} +div.frise div.segment:last-child{ + border-right: 0; +} +div.frise span.indication{ + display: inline-block; + position: absolute; + color: #FFF; + left: 0px; + font-size: 10px; + width: 30px; + text-align: center; + background: url(../img/bg-indication.png) 15px 0 no-repeat; + margin-left: -15px; +} +/* col-middle - bloc-segmentation */ +div.bloc-segmentation{ + position: relative; +} +div.bloc-segmentation div.existant{ + margin-top: 190px; + +} +div.bloc-segmentation div.existant h2{ + color: #30036d; + font-size: 14px; + font-weight: 600; + 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; +} +/* col-middle - bloc-segmentation - popin.segmentation */ +div.popin.segmentation{ + top: 376px; + width: 100%; +} +div.popin.segmentation img.pointer{ + left: 222px ; +} +div.popin.segmentation h2{ + font-size: 14px; + font-weight: 600; + 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-weight: 600; + 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.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-middle - bloc-vide */ +div.bloc-vide div.tutorial{ + padding: 0 10px; + color: #FFF; + font-weight: 600; + height: 316px; + background: url(../img/visuel-player-bar.jpg) 0 276px no-repeat #333333; +} +div.bloc-vide div.tutorial h2{ + padding-top: 16px; + font-size: 18px; + margin-bottom: 20px; +} +div.bloc-vide div.tutorial ol{ + padding-left: 22px; +} +div.bloc-vide div.tutorial ol li:first-child{ + width: 324px; +} +div.bloc-vide div.tutorial ol li{ + list-style: decimal; + font-size: 14px; + margin-bottom: 16px; + padding-left: 20px; +} +/* col-left */ +div.col-left, div.col-right{ + width: 250px; + min-height: 750px; + background: url(../img/bg-col.png) repeat-x 0 0 #e6e6e6; +} +div.col-left form{ + background: url(../img/bg-video-search.png) 0 0 repeat-x #906ebe; + height: 70px; + padding-left: 10px; + margin-bottom: 1px; +} +div.col-left form h2{ + padding-top: 8px; + margin-bottom: 12px; + color: #30036d; + font-size: 16px; + font-weight: 600; +} +div.col-left form input[type=text]{ + width: 206px; + font-size: 14px; + border: none; + height: 20px; + padding: 0 20px 0 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +div.col-left form p{ + position: relative; + width: 230px; +} +div.col-left form input[type=text]::-webkit-input-placeholder{ + color: #b48aed; + font-style: italic; +} +div.col-left form input[type=text]:-moz-placeholder { + color: #b48aed; + font-style: italic; +} +div.col-left form input[type=submit]{ + 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{ + background: url(../img/arrow-item-video-sprite.png) -250px 0 no-repeat; +} +/* col-right */ +div.col-right{ + width: 250px; +} +div.col-right div.liste-segment{ + height: 70px; + background: url(../img/bg-liste-segment.png) repeat-x 0 0; + padding: 0 10px; + width: 230px; +} +div.col-right div.liste-segment h2{ + text-align: right; + color: #30036D; + font-weight: 600; + font-size: 16px; + margin-bottom: 12px; + padding-top: 8px; +} +div.col-right div.liste-segment div.frise{ + width: 228px; + position: relative; + height: 20px; +} +div.col-right div.liste-segment div.frise div.segment{ + height: 20px; +} +div.col-right div.liste-segment div.frise span.indication{ + height: 20px; + line-height: 20px; +} +div.col-right ul.list-video > li{ + position: relative; +} +div.col-right ul.list-video > li > a:hover,div.col-right ul.list-video > li > a.active{ + background: url(../img/arrow-item-video-sprite.png) 0 0 no-repeat; +} +div.col-right ul.list-video > li ul.tools{ + position: absolute; + left: 94px; + top: 48px; +} +/* popin - frise-description */ +div.frise-description.popin{ + top: 26px; + left: 0; + width: 458px; +} +div.frise-description.popin img.pointer{ + right: 36px; +} +div.frise-description.popin h2{ + color: #de2500; + font-size: 14px; + font-weight: bold; +} +div.frise-description.popin table{ + font-size: 12px; +} +div.frise-description.popin table th{ + text-align: left; + font-weight: 600; + display: block; + min-width: 75px; +} +div.frise-description.popin table td{ + line-height: 15px; + padding-left: 2px; +} +div.frise-description.popin table th, div.frise-description.popin table td, div.frise-description.popin h2{ + padding-bottom: 8px; +} +div.frise-description.popin ul.tools{ + float: right; +} +/* tools */ +ul.tools li{ + float: left; +} +ul.tools li a{ + display: block; + width: 17px; + height: 17px; + background: url(../img/tools-sprite.png) no-repeat 0 0; +} +ul.tools li a.edit{ + background-position: 2px 0; +} +ul.tools li a.edit:hover{ + background-position: 2px -32px; +} +ul.tools li a.edit.disable:hover, ul.tools li a.edit.disable{ + background-position: 2px -16px; +} +ul.tools li a.bottom{ + background-position: -19px 0; +} +ul.tools li a.bottom:hover{ + background-position: -19px -32px; +} +ul.tools li a.bottom.disable:hover, ul.tools li a.bottom.disable{ + background-position: -19px -16px; +} +ul.tools li a.top{ + background-position: -40px 0; +} +ul.tools li a.top:hover{ + background-position: -40px -32px; +} +ul.tools li a.top.disable:hover, ul.tools li a.top.disable{ + background-position: -40px -16px; +} +ul.tools li a.delete{ + background-position: -61px 0; +} +ul.tools li a.delete:hover{ + background-position: -61px -32px; +} +ul.tools li a.delete.disable:hover, ul.tools li a.delete.disable{ + background-position: -61px -16px; +} +/* list-video */ +ul.list-video > li{ + margin-bottom: 1px; +} +ul.list-video > li > a{ + padding: 5px 0 5px 10px; + position: relative; + clear: both; + width: 240px; + height: 62px; +} +ul.list-video li a img, ul.list-video li a span.video-info{ + float: left; +} +ul.list-video li a img{ + margin-right: 4px; +} +ul.list-video li a span.video-info{ + display: block; + width: 150px; +} +ul.list-video li a span.video-info span.title-video{ + font-size: 13px; + font-weight: 600; + color: #30036d; + display: block; + margin-bottom: 1px; +} +ul.list-video li a span.video-info span.author{ + font-size: 11px; + display: block; + margin-bottom: 1px; +} +ul.list-video li a span.video-info span.time-lenght{ + font-size: 12px; + font-weight: 600; + display: block; +} +ul.list-video li a span.video-info span.time-lenght span{ + color: #de2500; +} +ul.list-video li a span.number{ + color: #FFF; + font-size: 10px; + text-align: center; + width:15px; + height: 15px; + line-height: 15px; + background-color: #ff00fc; + position: absolute; + display: block; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + top: 54px; + left: 78px; +} +ul.list-video li a span.subtitle{ + margin-bottom: 2px; + display: block; + color: #de2500; + font-size: 11px; +} +ul.list-video li span.duration{ + color: #7628df; + font-size: 12px; + font-weight: 600; + display: block; +} \ No newline at end of file diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Bold.eot Binary file integration/css/fonts/OpenSans-Bold.eot has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Bold.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/css/fonts/OpenSans-Bold.svg Wed Oct 24 15:38:36 2012 +0200 @@ -0,0 +1,587 @@ + + + + +Created by FontForge 20110222 at Thu May 12 12:55:15 2011 + By www-data +Digitized data copyright (c) 2010-2011, Google Corporation. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Bold.ttf Binary file integration/css/fonts/OpenSans-Bold.ttf has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Bold.woff Binary file integration/css/fonts/OpenSans-Bold.woff has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Italic.eot Binary file integration/css/fonts/OpenSans-Italic.eot has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Italic.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/css/fonts/OpenSans-Italic.svg Wed Oct 24 15:38:36 2012 +0200 @@ -0,0 +1,612 @@ + + + + +Created by FontForge 20110222 at Thu May 12 12:47:08 2011 + By www-data +Digitized data copyright (c) 2010-2011, Google Corporation. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Italic.ttf Binary file integration/css/fonts/OpenSans-Italic.ttf has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Italic.woff Binary file integration/css/fonts/OpenSans-Italic.woff has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Light.eot Binary file integration/css/fonts/OpenSans-Light.eot has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Light.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/css/fonts/OpenSans-Light.svg Wed Oct 24 15:38:36 2012 +0200 @@ -0,0 +1,581 @@ + + + + +Created by FontForge 20110222 at Thu May 12 12:49:24 2011 + By www-data +Digitized data copyright (c) 2010-2011, Google Corporation. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Light.ttf Binary file integration/css/fonts/OpenSans-Light.ttf has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Light.woff Binary file integration/css/fonts/OpenSans-Light.woff has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Regular.eot Binary file integration/css/fonts/OpenSans-Regular.eot has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Regular.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/css/fonts/OpenSans-Regular.svg Wed Oct 24 15:38:36 2012 +0200 @@ -0,0 +1,592 @@ + + + + +Created by FontForge 20110222 at Thu May 12 12:45:52 2011 + By www-data +Digitized data copyright (c) 2010-2011, Google Corporation. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Regular.ttf Binary file integration/css/fonts/OpenSans-Regular.ttf has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Regular.woff Binary file integration/css/fonts/OpenSans-Regular.woff has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Semibold.eot Binary file integration/css/fonts/OpenSans-Semibold.eot has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Semibold.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/css/fonts/OpenSans-Semibold.svg Wed Oct 24 15:38:36 2012 +0200 @@ -0,0 +1,587 @@ + + + + +Created by FontForge 20110222 at Thu May 12 12:43:29 2011 + By www-data +Digitized data copyright (c) 2011, Google Corporation. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Semibold.ttf Binary file integration/css/fonts/OpenSans-Semibold.ttf has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-Semibold.woff Binary file integration/css/fonts/OpenSans-Semibold.woff has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-SemiboldItalic.eot Binary file integration/css/fonts/OpenSans-SemiboldItalic.eot has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-SemiboldItalic.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/css/fonts/OpenSans-SemiboldItalic.svg Wed Oct 24 15:38:36 2012 +0200 @@ -0,0 +1,609 @@ + + + + +Created by FontForge 20110222 at Thu May 12 12:40:58 2011 + By www-data +Digitized data copyright (c) 2010-2011, Google Corporation. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-SemiboldItalic.ttf Binary file integration/css/fonts/OpenSans-SemiboldItalic.ttf has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/fonts/OpenSans-SemiboldItalic.woff Binary file integration/css/fonts/OpenSans-SemiboldItalic.woff has changed diff -r 08ee0719b907 -r 12978893bbf0 integration/css/home.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/css/home.css Wed Oct 24 15:38:36 2012 +0200 @@ -0,0 +1,121 @@ +/* header */ +div.header div.title-header{ + width: 460px; + float: left; + height: 60px; +} +div.header div.title-header h2{ + width: 100%; + text-align: center; + line-height: 60px; +} +div.header div.title-header h2 a{ + color: #de2500; + font-size: 24px; + text-decoration: underline; + font-weight: bold; +} +div.header div.title-header h2 a:hover{ + text-decoration: none; +} +/* content */ +div.content div.left-content, +div.content div.right-content{ + padding-top: 8px; + float: left; +} +div.content div.left-content h2, +div.content div.right-content h2{ + padding: 6px 0; + margin-bottom: 14px; + border-bottom: 1px solid #333333; + color: #30036d; + font-size: 18px; + font-weight: 600; +} +/* left-content */ +div.content div.left-content{ + width: 630px; + margin-right: 20px; +} +div.left-content div.hashcut-video-wrap{ + padding-left: 10px; + overflow: hidden; + margin-bottom: 16px; +} +div.hashcut-video-wrap div.news{ + width: 300px; + float: left; + margin-right: 20px; +} +div.hashcut-video-wrap div.news:nth-child(2n+2){ + margin-right: 0; +} +div.hashcut-video-wrap h3{ + font-size: 12px; +} +div.hashcut-video-wrap h3 strong{ + font-weight: 600; +} +div.hashcut-video-wrap div.last h3 strong{ + margin-bottom: 2px; + font-weight: 600; + display: block; +} +div.left-content div.hashcut-video-wrap h3 a{ + border-bottom: 1px solid #bababa; + display: inline-block; + line-height: 12px; +} +div.left-content div.hashcut-video-wrap h3 a:hover{ + border-bottom: none; +} +div.hashcut-video-wrap h3 span{ + color: #de2500; +} +div.hashcut-video-wrap a.screenshot{ + display: inline-block; + margin-bottom: 8px; +} +div.hashcut-video-wrap div.last:nth-child(4n+4){ + margin-right: 0; +} +div.hashcut-video-wrap div.last{ + width: 140px; + float: left; + margin: 0 20px 12px 0; +} +div.left-content div.pagination{ + text-align: center; +} +div.left-content div.pagination a{ + font-size: 14px; + color: #7628df; + text-decoration: underline; +} +div.left-content div.pagination a:hover{ + text-decoration: none; +} +div.left-content div.pagination a.active{ + color: #de2500; + text-decoration: none; +} +/* right-content */ +div.content div.right-content{ + width: 310px; +} +div.right-content div.definition p{ + font-size: 12px; + line-height: 14px; + margin-bottom: 12px; +} +div.right-content div.definition p strong{ + font-weight: bold; +} +div.right-content div.definition p a{ + color: #7628df; + text-decoration: underline; +} +div.right-content div.definition p a:hover{ + text-decoration: none; +} \ No newline at end of file diff -r 08ee0719b907 -r 12978893bbf0 integration/css/style.css --- a/integration/css/style.css Wed Oct 24 14:50:21 2012 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,999 +0,0 @@ -/* fonts */ -@font-face { - font-family: 'OpenSans'; - font-weight: 400; - src: url('fonts/OpenSans-Regular.ttf'); -} -@font-face { - font-family: 'OpenSans'; - font-weight: 300; - src: url('fonts/OpenSans-Light.ttf'); -} -@font-face { - font-family: 'OpenSans'; - font-weight: bold; - src: url('fonts/OpenSans-Bold.ttf'); -} -@font-face { - font-family: 'OpenSans'; - font-style: italic; - src: url('fonts/OpenSans-Italic.ttf'); -} -@font-face { - font-family: 'OpenSans'; - font-weight: 600; - src: url('fonts/OpenSans-Semibold.ttf'); -} -@font-face { - font-family: 'OpenSans'; - font-weight: 600px; - font-style: italic; - src: url('fonts/OpenSans-SemiboldItalic.ttf'); -} -body{ - height: 100%; - background: url(../img/bg.png) repeat-x 0 0; -} -a{ - color:#000; - text-decoration: none; -} -div.wrap{ - min-height:100%; - background-color: #FFF; - width: 960px; - margin: 0 auto; - font-family: 'OpenSans'; - font-weight: 400; - color:#333333; - font-size: 13px; - height: 100%; -} -div.wrap-header{ - padding-top: 5px; - background-color: #370078; - height: 53px; - margin-bottom: 1px; -} -/* header */ -div.header{ - position: relative; - background-color: #e2dbfd; - height: 60px; -} -div.header div.title-video-wrap, div.header h1, div.header div.profil-wrap{ - position: relative; - float: left; - height: 60px; -} -div.header h1{ - display: inline-block; - height: 60px; - width: 250px; -} -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-size: 20px; - text-align: center; - padding: 0px 0 0 6px; - font-weight: 300; -} -div.header div.title-video-wrap{ - width: 460px; -} -div.header div.title-video-wrap a{ - position: absolute; - top: 10px; - left: 0; - font-size: 18px; - font-weight: bold; - color: #30036d; - text-decoration: underline; - background-image: url(../img/pencil-icon.png); - background-repeat: no-repeat; - background-position: right 2px; - padding-right: 20px; -} -div.header div.title-video-wrap a:hover{ - text-decoration: none; -} -div.header div.title-video-wrap p.time-length{ - position: absolute; - top: 34px; - color: #333333; - font-size: 14px; -} -div.header div.title-video-wrap p.time-length span{ - color: #de2500; -} -div.header div.profil-wrap{ - width: 250px; -} -div.header div.profil-wrap a{ - width: 160px; - display: block; - text-align: right; - position: absolute; - right: 0; - font-size: 14px; - color: #30036d; - padding-right: 18px; -} -div.header div.profil-wrap a:hover{ - color: #FF00FC; -} -div.header div.profil-wrap a.all-hashcut{ - top: 12px; - background: url(../img/arrow-top.png) right 2px no-repeat; -} -div.header div.profil-wrap a.my-profil{ - top: 32px; - background: url(../img/arrow-bot.png) right 4px no-repeat; -} -/* content */ -div.content{ - width: 960px; - min-height: 750px; - background: url(../img/bg-degrade.png) 0 0 repeat-x; -} - -div.col-middle, div.col-left, div.col-right{ - float: left; -} -/* col-middle */ -div.col-middle{ - width: 460px; -} -div.col-middle-header{ - height: 35px; - background: url(../img/bg-previsualiser.png) repeat-x 0 0; - line-height: 35px; - font-size: 16px; - font-weight: 600px; - font-style: italic; -} -div.col-middle-header a{ - color: #30036d; -} -div.col-middle-header a:hover{ - color: #FF00FC; -} -div.col-middle-header a.disable, div.col-middle-header a.disable:hover{ - color: #796891; -} -div.col-middle-header a.segmenter{ - padding: 0 10px; - display: inline-block; - min-width: 210px; - height: 35px; - 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; -} -div.col-middle div.video{ - width: 460px; - position: relative; - margin-bottom: 8px; -} -div.col-middle div.video a.publier-button{ - position: absolute; - width: 69px; - height: 67px; - background: url(../img/publier-button-sprite.png) 0 0 no-repeat; - left: 382px; - top: 10px; -} -div.col-middle div.video a.publier-button:hover{ - background-position: 0 -67px; -} -div.col-middle div.video a.publier-button.disable{ - background: url(../img/publier-button-sprite.png) 0 -67px no-repeat; -} -div.col-middle div.video a.publier-button.disable:hover{ - background-color: none; -} -div.col-middle div.frise{ - width: 458px; - position: relative; - height: 22px; -} -div.col-middle div.frise div.segment{ - height: 22px; -} -div.col-middle div.frise span.indication{ - height: 22px; - line-height: 22px; -} - /* frise */ -div.frise{ - position: relative; - border: 1px solid #333333; - -} -div.frise div.segment{ - float: left; - margin-left: -1px; - border-right: 1px solid #333; - -moz-box-shadow: inset 0px 2px 2px 0px #333; - -webkit-box-shadow: inset 0px 2px 2px 0px #333; - box-shadow: inset 0px 2px 2px 0px #333; -} -div.frise div.segment:first-child{ - -moz-box-shadow: inset 2px 2px 2px 0px #333; - -webkit-box-shadow: inset 2px 2px 2px 0px #333; - box-shadow: inset 2px 2px 2px 0px #333; - margin-left: 0; -} -div.frise div.segment:last-child{ - border-right: 0; -} - -div.frise span.indication{ - display: inline-block; - position: absolute; - color: #FFF; - left: 0px; - font-size: 10px; - width: 30px; - text-align: center; - background: url(../img/bg-indication.png) 15px 0 no-repeat; - margin-left: -15px; -} - -/******* bloc ******/ -div.bloc-pvw{ - -} -div.bloc-segmentation{ - display: none; -} -div.bloc-vide{ - 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-weight: 600; - 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-weight: 600; - 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-weight: 600; - 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; -} - - - -div.bloc-vide{ - -} -div.bloc-vide div.tutorial{ - padding: 0 10px; - color: #FFF; - font-weight: 600; - height: 316px; - background: url(../img/visuel-player-bar.jpg) 0 276px no-repeat #333333; -} -div.bloc-vide div.tutorial h2{ - padding-top: 16px; - font-size: 18px; - margin-bottom: 20px; -} -div.bloc-vide div.tutorial ol{ - padding-left: 22px; -} -div.bloc-vide div.tutorial ol li:first-child{ - width: 324px; -} -div.bloc-vide div.tutorial ol li{ - list-style: decimal; - font-size: 14px; - margin-bottom: 16px; - padding-left: 20px; -} - - - - -/* col-left */ -div.col-left, div.col-right{ - width: 250px; - min-height: 750px; - background: url(../img/bg-col.png) repeat-x 0 0 #e6e6e6; -} -div.col-left form{ - background: url(../img/bg-video-search.png) 0 0 repeat-x #906ebe; - height: 70px; - padding-left: 10px; - margin-bottom: 1px; -} -div.col-left form h2{ - padding-top: 8px; - margin-bottom: 12px; - color: #30036d; - font-size: 16px; - font-weight: 600; -} -div.col-left form input[type=text]{ - width: 206px; - font-size: 14px; - border: none; - height: 20px; - padding: 0 20px 0 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -div.col-left form p{ - position: relative; - width: 230px; -} -div.col-left form input[type=text]::-webkit-input-placeholder{ - color: #b48aed; - font-style: italic; -} -div.col-left form input[type=text]:-moz-placeholder { - color: #b48aed; - font-style: italic; -} -div.col-left form input[type=submit]{ - 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{ - background: url(../img/arrow-item-video-sprite.png) -250px 0 no-repeat; -} - - - -/* col-right */ -div.col-right{ - width: 250px; -} -div.col-right div.liste-segment{ - height: 70px; - background: url(../img/bg-liste-segment.png) repeat-x 0 0; - padding: 0 10px; - width: 230px; -} -div.col-right div.liste-segment h2{ - text-align: right; - color: #30036D; - font-weight: 600; - font-size: 16px; - margin-bottom: 12px; - padding-top: 8px; -} -div.col-right div.liste-segment div.frise{ - width: 228px; - position: relative; - height: 20px; -} -div.col-right div.liste-segment div.frise div.segment{ - height: 20px; -} -div.col-right div.liste-segment div.frise span.indication{ - height: 20px; - line-height: 20px; -} -div.col-right ul.list-video > li{ - position: relative; -} -div.col-right ul.list-video > li > a:hover,div.col-right ul.list-video > li > a.active{ - background: url(../img/arrow-item-video-sprite.png) 0 0 no-repeat; -} -div.col-right ul.list-video > li ul.tools{ - position: absolute; - left: 94px; - top: 48px; -} -/* popin */ -div.popin{ - padding-top: 12px; - position: absolute; - top: 0; - z-index: 10; -} -div.popin img.pointer{ - position: absolute; - top: 0; -} -div.popin div.popin-content{ - padding: 8px; - border: 1px solid #867a97; - background: url(../img/bg-jaune.png); -} -div.popin input[type=text],div.popin input[type=password], div.popin textarea{ - padding: 0 6px; - height: 20px; - line-height: 20px; - font-size: 12px; - border: 1px solid #867a97; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - /* update title */ -div.update-title.popin{ - top: 34px; - left: 150px; -} -div.update-title.popin p.form-right, div.update-title.popin div.form-left{ - float: left; -} -div.update-title.popin textarea{ - width: 200px; - height: 66px; - max-width: 530px; -} -div.update-title.popin div.form-left{ - margin-right: 12px; -} -div.update-title.popin img.pointer{ - left: 110px; -} -div.update-title.popin label{ - display: block; - margin-bottom: 4px; -} -div.update-title.popin input[type=text]{ - width: 200px; -} -div.update-title.popin p.titre-wrap{ - margin-bottom: 6px; -} - /* mon-profil */ -div.user.popin{ - top: 48px; - right: 0; -} -div.user.popin img.pointer{ - right: 36px; -} - /* info */ -div.user.popin.info div.popin-content{ - min-width: 150px; - text-align: right; -} -div.user.popin.info div.popin-content h2{ - color: #7628df; - font-size: 18px; - font-weight: 600; - margin-bottom: 2px; -} -div.user.popin.info div.popin-content h3{ - color: #30036d; - font-size: 14px; - margin-bottom: 10px; -} -div.user.popin.info div.popin-content a.nb-hashcut{ - color: #de2500; - font-size: 14px; - text-decoration: underline; - display: block; - margin-bottom: 12px; -} -div.user.popin.info div.popin-content a.nb-hashcut:hover{ - text-decoration: none; -} -div.user.popin.info div.popin-content a.change-account{ - text-align: center; - height: 20px; - width: 150px; - line-height: 20px; - color: #FFF; - font-size: 12px; - background-color: #30036d; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - display: block; -} -div.user.popin.info div.popin-content a.change-account:hover{ - background-color: #FF00FC; -} - /* signup */ -div.user.popin.signup div.popin-content{ - min-width: 205px; - -} - -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.login div.popin-content form label{ - width: 84px; - font-size: 12px; - display: inline-block; - float: left; - line-height: 12px; - -} -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: 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.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; -} -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; - 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; - left: 0; - width: 458px; -} -div.frise-description.popin img.pointer{ - right: 36px; -} -div.frise-description.popin h2{ - color: #de2500; - font-size: 14px; - font-weight: bold; -} -div.frise-description.popin table{ - font-size: 12px; -} -div.frise-description.popin table th{ - text-align: left; - font-weight: 600; - display: block; - min-width: 75px; -} -div.frise-description.popin table td{ - line-height: 15px; - padding-left: 2px; -} -div.frise-description.popin table th, div.frise-description.popin table td, div.frise-description.popin h2{ - padding-bottom: 8px; -} -div.frise-description.popin ul.tools{ - float: right; -} -/* tools */ -ul.tools{} -ul.tools li{ - float: left; -} -ul.tools li a{ - display: block; - width: 17px; - height: 17px; - background: url(../img/tools-sprite.png) no-repeat 0 0; -} -ul.tools li a.edit{ - background-position: 2px 0; -} -ul.tools li a.edit:hover{ - background-position: 2px -32px; -} -ul.tools li a.edit.disable:hover, ul.tools li a.edit.disable{ - background-position: 2px -16px; -} -ul.tools li a.bottom{ - background-position: -19px 0; -} -ul.tools li a.bottom:hover{ - background-position: -19px -32px; -} -ul.tools li a.bottom.disable:hover, ul.tools li a.bottom.disable{ - background-position: -19px -16px; -} -ul.tools li a.top{ - background-position: -40px 0; -} -ul.tools li a.top:hover{ - background-position: -40px -32px; -} -ul.tools li a.top.disable:hover, ul.tools li a.top.disable{ - background-position: -40px -16px; -} -ul.tools li a.delete{ - background-position: -61px 0; -} -ul.tools li a.delete:hover{ - background-position: -61px -32px; -} -ul.tools li a.delete.disable:hover, ul.tools li a.delete.disable{ - background-position: -61px -16px; -} -/* list-video */ - -ul.list-video > li{ - margin-bottom: 1px; -} -ul.list-video > li > a{ - padding: 5px 0 5px 10px; - position: relative; - clear: both; - width: 240px; - height: 62px; -} - -ul.list-video li a img, ul.list-video li a span.video-info{ - float: left; -} -ul.list-video li a img{ - margin-right: 4px; -} -ul.list-video li a span.video-info{ - display: block; - width: 150px; -} -ul.list-video li a span.video-info span.title-video{ - font-size: 13px; - font-weight: 600; - color: #30036d; - display: block; - margin-bottom: 1px; -} -ul.list-video li a span.video-info span.author{ - font-size: 11px; - display: block; - margin-bottom: 1px; -} -ul.list-video li a span.video-info span.time-lenght{ - font-size: 12px; - font-weight: 600; - display: block; -} -ul.list-video li a span.video-info span.time-lenght span{ - color: #de2500; -} -ul.list-video li a span.number{ - color: #FFF; - font-size: 10px; - text-align: center; - width:15px; - height: 15px; - line-height: 15px; - background-color: #ff00fc; - position: absolute; - display: block; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - top: 54px; - left: 78px; -} -ul.list-video li a span.subtitle{ - margin-bottom: 2px; - display: block; - color: #de2500; - font-size: 11px; -} -ul.list-video li span.duration{ - color: #7628df; - font-size: 12px; - font-weight: 600; - display: block; - -} -/* footer */ -div.footer{ - border-top: 1px solid black; - width: 100%; - padding-top: 8px; -} -div.footer ul.links-left{ - float: left; -} -div.footer ul.links-left li{ - margin-bottom: 4px; -} -div.footer ul.links-left li a{ - border-bottom: 1px solid #cccccc; -} -div.footer ul.links-left li a:hover{ - border-bottom: none; -} -div.footer ul.links-right{ - float: right; -} -div.footer ul.links-right li{ - line-height: 40px; - float: right; - margin-left: 8px; -} -div.footer ul.links-right li img { - vertical-align: middle; -} - -/* home */ -div.header div.title-header{ - width: 460px; - float: left; - height: 60px; -} -div.header div.title-header h2{ - width: 100%; - text-align: center; - line-height: 60px; -} -div.header div.title-header h2 a{ - color: #de2500; - font-size: 24px; - text-decoration: underline; - font-weight: bold; -} -div.header div.title-header h2 a:hover{ - text-decoration: none; -} -div.content div.left-content, div.content div.right-content{ - padding-top: 8px; - float: left; -} -div.content div.left-content h2, -div.content div.right-content h2{ - padding: 6px 0; - margin-bottom: 14px; - border-bottom: 1px solid #333333; - color: #30036d; - font-size: 18px; - font-weight: 600; -} -/* left-content */ -div.content div.left-content{ - width: 630px; - margin-right: 20px; -} -div.left-content div.hashcut-video-wrap{ - padding-left: 10px; - overflow: hidden; - margin-bottom: 16px; -} -div.hashcut-video-wrap div.news{ - width: 300px; - float: left; - margin-right: 20px; -} -div.hashcut-video-wrap div.news:nth-child(2n+2){ - margin-right: 0; -} -div.hashcut-video-wrap h3{ - font-size: 12px; -} -div.hashcut-video-wrap h3 strong{ - font-weight: 600; -} -div.hashcut-video-wrap div.last h3 strong{ - margin-bottom: 2px; - font-weight: 600; - display: block; -} -div.left-content div.hashcut-video-wrap h3 a{ - border-bottom: 1px solid #bababa; - display: inline-block; - line-height: 12px; -} -div.left-content div.hashcut-video-wrap h3 a:hover{ - border-bottom: none; -} -div.hashcut-video-wrap h3 span{ - color: #de2500; -} -div.hashcut-video-wrap a.screenshot{ - display: inline-block; - margin-bottom: 8px; -} -div.hashcut-video-wrap div.last:nth-child(4n+4){ - margin-right: 0; -} -div.hashcut-video-wrap div.last{ - width: 140px; - float: left; - margin: 0 20px 12px 0; -} -div.left-content div.pagination{ - text-align: center; -} -div.left-content div.pagination a{ - font-size: 14px; - color: #7628df; - text-decoration: underline; -} -div.left-content div.pagination a:hover{ - text-decoration: none; -} -div.left-content div.pagination a.active{ - color: #de2500; - text-decoration: none; -} -/* right-content */ -div.content div.right-content{ - width: 310px; -} -div.right-content div.definition p{ - font-size: 12px; - line-height: 14px; -} -div.right-content div.definition p strong{ - font-weight: bold; -} -div.right-content div.definition p a{ - color: #7628df; - text-decoration: underline; -} -div.right-content div.definition p a:hover{ - text-decoration: none; -} \ No newline at end of file diff -r 08ee0719b907 -r 12978893bbf0 integration/edition.html --- a/integration/edition.html Wed Oct 24 14:50:21 2012 +0200 +++ b/integration/edition.html Wed Oct 24 15:38:36 2012 +0200 @@ -8,7 +8,8 @@ Edition - + + diff -r 08ee0719b907 -r 12978893bbf0 integration/home.html --- a/integration/home.html Wed Oct 24 14:50:21 2012 +0200 +++ b/integration/home.html Wed Oct 24 15:38:36 2012 +0200 @@ -8,7 +8,8 @@ Home - + + @@ -159,7 +160,10 @@

Hashcuts ?

Un Hashcut est à la fois une Hypervidéo (ensemble de vidéos cliquable, permettant une navigation entre vidéos) et un Mashup (mélange de médias, de l’anglais mash, «purée»).

-

+

Un Hashcut est un assemblage de citations de vidéos, mises bout à bout, sans altération des médias d’origine, et permet à chacun de proposer un nouveau regard, une porte d’entrée éditorialisée sur ces médias.

+
+
+