# HG changeset patch # User Raphael Velt # Date 1319640662 -7200 # Node ID 7d0146012cd55e175c947881c53fdbaeaba0c5a6 # Parent 76a76267a1c1abf2d8ffbeee7003784f5c210229 Debut integration page de recherche diff -r 76a76267a1c1 -r 7d0146012cd5 .DS_Store Binary file .DS_Store has changed diff -r 76a76267a1c1 -r 7d0146012cd5 crea/.DS_Store Binary file crea/.DS_Store has changed diff -r 76a76267a1c1 -r 7d0146012cd5 crea/inte-crea/.DS_Store Binary file crea/inte-crea/.DS_Store has changed diff -r 76a76267a1c1 -r 7d0146012cd5 crea/inte-crea/css/ldt-commun.css --- a/crea/inte-crea/css/ldt-commun.css Tue Oct 25 18:14:00 2011 +0200 +++ b/crea/inte-crea/css/ldt-commun.css Wed Oct 26 16:51:02 2011 +0200 @@ -26,7 +26,7 @@ } body { - font-family: "DIN-Light", Helvetica, Arial, sans-serif; color: #484848; background: url(../img/main_bg.png) repeat-x #f8f6f7; + font-family: Helvetica, Arial, sans-serif; color: #484848; background: url(../img/main_bg.png) repeat-x #f8f6f7; } /* usual selectors */ @@ -40,33 +40,39 @@ } b { - font-family: "DIN-Bold", Helvetica, Arial, sans-serif; font-weight: 800; + font-weight: 800; +} + +h1 { + font-family: "DIN-Light", Helvetica, Arial, sans-serif; font-size: 22px; +} + +h1 bold { + font-family: "DIN-Bold", Helvetica, Arial, sans-serif; } h2 { - font-size: 21px; color: #0068c4; margin: 4px 2px; + font-family: "DIN-Bold", Helvetica, Arial, sans-serif; font-size: 21px; color: #0068c4; margin: 4px 2px; +} + +h3 { + font-family: "DIN-Bold", Helvetica, Arial, sans-serif; font-weight: 800; font-size: 18px; color: #0068c4; +} + +h4 { + font-size: 16px; } p { margin: 2px 0; font-size: 13px; } -/* Grid widths */ - -.full_width { - width: 960px; -} +/* Frequently-used classes */ -.cols_2 { - width: 140px; margin: 10px; /* Total : 160px */ +.highlight { + background: #fff080; } -.cols_4 { - width: 300px; margin: 10px; /* Total : 320px */ -} - -/* Frequently-used classes */ - div.pad { padding: 10px; } @@ -79,16 +85,28 @@ float: left; } -.fl { +div.fl, li.fl { float: left; } +div.fr, li.fr { + float: right; +} + .clear { clear: both; } .li_h2 { - width: 100%; border-bottom: 1px solid #484848; margin: 5px 0; + border-bottom: 1px solid #484848; margin: 5px 0; +} + +.li_media { + margin: 10px; +} + +.li_media img { + background: #000000; border: 2px solid #ffffff; padding: 1px; } a.under { @@ -99,12 +117,28 @@ text-decoration: none; } +a.blue, p.blue { + color: #0068c4; +} + a.pink { color: #ff3b77; } +.bulle_annot, .bulle_people { + float: right; width: 17px; height: 10px; font-size: 9px; margin: 3px 0 0; padding: 0 0 3px 11px; color: #ffffff; text-align: center; overflow: hidden; +} + .bulle_annot { - float: right; width: 17px; height: 10px; font-size: 9px; margin: 3px 0 0; padding: 0 0 3px 11px; color: #ffffff; background: url(../img/bulle_annot.png); text-align: center; overflow: hidden; + background: url(../img/bulle_annot.png); +} + +.bulle_people { + background: url(../img/bulle_people.png); +} + +.font_11 { + font-size: 11px; } /* General container */ @@ -116,7 +150,7 @@ /* Barre de titre */ #title_bar { - height: 50px; font-size: 22px; + font-family: "DIN-Light", Helvetica, Arial, sans-serif; height: 50px; font-size: 22px; } #title_bar a { @@ -147,10 +181,11 @@ margin: 3px 10px 0 0; } + /* Footer */ #footer { - float: right; list-style: none; border-top: 1px solid #484848; margin: 5px 0 0; padding: 10px; + float: right; list-style: none; border-top: 1px solid #484848; padding: 10px; width: 940px; /* 960 - padding */ } #footer li { diff -r 76a76267a1c1 -r 7d0146012cd5 crea/inte-crea/css/ldt-home.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/crea/inte-crea/css/ldt-home.css Wed Oct 26 16:51:02 2011 +0200 @@ -0,0 +1,53 @@ +/* Derniers médias */ + +#derniers_medias { + width: 960px; margin: 5px 0; +} + +#derniers_medias .li_h2 { + width: 960px; +} + +#derniers_medias .li_media { + width: 300px; +} + +/* Plus annotés */ + +#plus_annotes { + width: 640px; margin: 5px 0; +} + +#plus_annotes .li_h2 { + width: 630px; margin-right: 10px; +} + +#plus_annotes .li_media { + width: 140px; +} + +/* Groupes actifs */ + +#groupes_actifs { + width: 320px; margin: 5px 0; +} + +#groupes_actifs .li_h2 { + width: 310px; margin-left: 10px; +} + +#groupes_actifs .li_media { + width: 300px; margin: 5px 10px; +} + +div.img_groupes_actifs { + float: left; position: relative; padding: 5px 10px 0 0; +} + +div.txt_groupes_actifs { + float: left; width: 230px; +} + +.lock_group { + background: url(../img/lock.png); width: 11px; height: 13px; position: absolute; left: 45px; top: 34px; +} \ No newline at end of file diff -r 76a76267a1c1 -r 7d0146012cd5 crea/inte-crea/css/ldt-recherche.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/crea/inte-crea/css/ldt-recherche.css Wed Oct 26 16:51:02 2011 +0200 @@ -0,0 +1,108 @@ + +/* LISTE DES RÉSULTATS DE RECHERCHE */ + +#liste_resultats { + width: 640px; +} + +#li_haut_resultats { + width: 630; padding: 5px 9px 5px 0; border-right: 1px solid #484848; +} + +#ul_haut_resultats { + width: 630px; border-bottom: 1px solid #484848; +} + +#title_resultats { + width: 250px; +} + +#title_resultats h2 { + font-size: 19px; +} + +#p_nb_resultats { + margin : 10px 0 0; +} + +#resultats_options { + font-family: "DIN-Light", Helvetica, Arial, sans-serif; float: right; padding: 0 20px; margin: 4px 0; font-size: 19px; background:url(../img/fl_bas.png) right 80% no-repeat; color: #0068c4; +} + +/* TITRE DU MÉDIA */ + +div.titre_result_media { + float: left; width: 630px; padding: 10px 9px 0 0; border-right: 1px solid #484848; +} + +.titre_result_media div { + float: left; border-color: #d0d0d0; border-width: 1px; border-style: solid none; height: 25px; +} + +.h3_result_media { + width: 240px; +} + +.h3_result_media h3 { + margin: 2px 0 0 2px; +} + +div.duree_result_media { + width: 49px; border-right: 1px solid #d0d0d0; +} + +.duree_result_media p { + font-size: 11px; text-align: right; margin: 10px 2px 0 0; +} + +.graph_result_media { + width: 350px; height: 25px; +} + +/* LISTE DES SEGMENTS */ + +ul.list_segments { + width: 640px; +} + +li.li_segment { + width: 630px; padding: 3px 9px 3px 0; border-width: 1px; border-style: none solid none none; border-color: #484848; +} + +li.li_segment.selected { + background: #fbfafa; padding: 2px 10px 2px 0; border-style: solid none; +} + +div.left_segment { + float: left; width: 87px; height: 47px; padding: 5px; position: relative; +} + +.left_segment img { + border: 1px solid #f0f0f0; +} + +p.duree_segment { + position: absolute; margin: 0; right: 10px; bottom: 10px; color: #ffffff; font-size: 11px; +} + +div.color_zone { + float: left; width: 5px; height: 45px; margin: 1px 0; +} + +p.text_segment, h4.title_segment { + margin-left: 100px; +} + +li.plus_result { + width: 630px; padding: 0 9px 0 0; border-right: 1px solid #484848; +} + +.plus_result p { + width: 630px; margin: 0 0 10px; padding: 0 0 5px; text-align: right; border-bottom: 1px solid #d0d0d0; +} + +/* PAGINATION DES RESULTATS */ + +#result_pagination { + width: 630px; padding: 0 0 10px 9px; border-right: 1px solid #484848; +} \ No newline at end of file diff -r 76a76267a1c1 -r 7d0146012cd5 crea/inte-crea/home.html --- a/crea/inte-crea/home.html Tue Oct 25 18:14:00 2011 +0200 +++ b/crea/inte-crea/home.html Wed Oct 26 16:51:02 2011 +0200 @@ -4,6 +4,7 @@ Plateforme LDT : Home + @@ -39,29 +40,150 @@

  • Derniers médias

    • -
  • - +
  • +
    250

    ENMI 2011 - La confiance : Bernard Stiegler

    par IRI | 1h30

    • -
  • - +
  • +
    250

    ENMI 2011 - La confiance : Bernard Stiegler

    par IRI | 1h30

    • -
  • - +
  • +
    250

    ENMI 2011 - La confiance : Bernard Stiegler

    par IRI | 1h30

    • + + + + + + + + -