First commit

complete-item.tpl.php

+<span class="actuvignette" style="background-image:url('<?php print htmlspecialchars($node->image); ?>');"></span>
+<h3><?php print l(trim($node->title), $node->link, $node->link_options); ?></h3>
+<p class="<?php print $node->date_class; ?>"><?php print $node->date; ?></p>
+<?php print $node->tags; ?>
+<div class="teaser"><?php print $node->teaser; ?></div>

hotnews.tpl

+<div class="very-last-news">
+  <h2 class="title">
+    <a href="/fr/fuite-lue-fait-pression-pour-la-criminalisation-des-usages-non-commerciaux-dans-lacta">Fuite : L'UE fait pression pour la criminalisation des usages non-commerciaux dans l'ACTA</a>
+  </h2>
+  <ul class="metas">
+    <li class="submitted"><?=$date?>24 Juin 2010</li>
+    <li class="tag"><?=$tags?>ACTA</li>
+  </ul>
+  <p class="content">
+    <?=$content?><br />
+    <a class="more" href="<?=$link?>">Lire la suite</a> (<a href="/fr/fuite-lue-fait-pression-pour-la-criminalisation-des-usages-non-commerciaux-dans-lacta#attachments">2 fichiers attachés</a>)</p>
+  <div class="share-links"></div>
+</div>

lqdn_latest_nodes.css

+/* Onglets */
+
+.tab_switcher .tab_list {
+    display:block;
+    list-style: none outside none;
+    padding:0;
+    margin:0;
+    width: 100%;
+    overflow:auto;
+    border-bottom: 8px solid #497ED5;
+}
+.tab_switcher .tab_list li {
+    float: left;
+    text-transform:uppercase;
+}
+.tab_switcher .tab_list li a {
+    background-color: #F2F2F2;
+    color:#666;
+    font-weight:bold;
+    display:block;
+    padding:6px 20px;
+    margin-right:2px;
+}
+.tab_switcher .tab_list li a.active {
+    background-color: #497ED5;
+    color: white;
+}
+
+/* Contenu */
+
+.tab_switcher {
+    overflow:hidden; /* (ou auto) force la marge interieure du bas. */
+}
+.tab_switcher .tab_container {
+    background-color: #D6E2F5;
+}
+.tab_switcher .tab_container > .item-list > h3 {
+    display:none;
+}
+.tab_switcher .tab_container > .item-list > ul {
+    margin:0;
+    padding:0;
+}
+.tab_switcher .tab_container > .item-list > ul > li {
+    list-style: none outside none;
+    clear:both;
+    background-color:white;
+    margin-top:3px;
+}
+.tab_switcher .tab_container > .item-list > ul > li.first {
+  margin-top: 0;
+}
+.tab_switcher .tab_container > .item-list > ul > li.last {
+  margin-top: 0; /* The .last is a link... Not a classic element. */
+}
+
+/* Dates */
+
+.tab_switcher .tab_container > .item-list > ul > li > .date {
+    float:right;
+    color:#B0B0B0;
+}
+
+.tab_switcher .teaser {
+    margin-top: 6px;
+}
+
+/* Tags */
+
+.tab_switcher ul.tags,
+.tab_switcher ul.tags li {
+    padding:0;
+}
+
+.tab_switcher ul.tags {
+    margin-bottom:0;
+}
+
+.tab_switcher ul.tags li {
+    display:inline-block;
+}
+
+.tab_switcher .item-list .item-list ul.tags a {
+
+}
+.tab_switcher ul.tags li.tag {
+    font-size: 0.8em;
+    margin-right: 10px;
+    margin-bottom: 2px;
+    background-color: #E6E6E6;
+    color: #B1C2E0;
+    padding: 2px;
+}
+
+/* Titre des articles */
+
+.tab_switcher .node_title {
+    display: block;
+    font-size: 1.4em;
+    margin-bottom: 3px;
+    font-family: "SansusWebissimoRegular","DejaVu Sans Condensed",sans-serif;
+}
+
+/* Item étendu */
+
+.tab_switcher .tab_container > .item-list > ul > li.complete-item {
+    position:relative;
+    padding:10px 10px 10px 170px;
+}
+.tab_switcher .actuvignette {
+    position:absolute;
+    top:5%;
+    bottom:0;
+    background-position: center top;
+    background-repeat: no-repeat;
+    display: block;
+/*    float: left;*/
+    margin-left:-160px;
+/*    height: 95px; */
+    width: 150px;
+    height: 95%;
+}
+.tab_switcher strong {
+    font-weight:normal; /* protection contre les strong des teasers */
+}
+.tab_switcher p {
+    font-size:1em;
+    margin:0;
+    max-width: 550px; /* aeration pour les grands ecrans */
+    text-align: justify;
+}
+.tab_switcher p img {
+    display:none; /* protection contre les images des teasers */
+}
+.tab_switcher .see-footnote, .tab_switcher .footnotes {
+    display:none; /* protection contre les footnotes des teasers */
+}
+
+/* Item simple */
+.tab_switcher .tab_container > .item-list > ul > li.simple-item {
+    padding: 5px 10px;
+}
+
+
+div.prmore {
+    background: #487ED6;
+    color: white;
+    font-weight: 700;
+    text-align: left;
+    padding: 5px 10px;
+}
+div.prmore a {
+    color: white;
+    text-weight: 700;
+}
+
+div.prmore a:hover {
+    color: #D0D0D0;
+    text-weight: 700;
+}
+#proposals div.tab_container
+{
+  background-color:white;
+  padding:5px 10px
+}
+

lqdn_latest_nodes.info

+; $Id$
+name = "Latest nodes"
+description = Generate lists of (the latest) nodes
+core = 6.x
+package = "La Quadrature"

lqdn_latest_nodes.js

+
+(function( $, doc, undefined ) {
+
+$(doc).ready(function() {
+
+  var $tab_switcher = $(".tab_switcher"),
+      $tabs = $tab_switcher.find(".tab_list a"),
+      $tab_container = $tab_switcher.find(".tab_container");
+
+  $tabs.click(function( e ) {
+    e.preventDefault();
+    $tabs.removeClass("active");
+    $(this).addClass("active");
+    $tab_container
+      .children("div").hide()
+      .end()
+      .find( "#" + this.rel ).parent().show();
+  });
+
+  $tabs.eq(0).click();
+
+});
+
+})( jQuery, document );

simple-item.tpl.php

+<?php print l(trim($node->title), $node->link, $node->link_options); ?>
+<span class="<?php print $node->date_class; ?>"><?php print $node->date; ?></span>
+<?php print $node->tags ?>

tab-switcher.tpl.php

+<div class="tab_switcher">
+<?php
+   $list = array();
+   foreach ($content as $c)
+     $list[] = l($c->title, '', array('fragment' => $c->id, 'attributes' => array('rel' => $c->id)));
+   print theme_item_list($list, NULL, 'ul', array('class' => 'tab_list'));
+?>
+  <div class="tab_container">
+    <?php
+       foreach ($content as $c)
+         print theme('item_list', $c->content, $c->title, 'ul', array('id' => $c->id, 'class' => 'tab-content'));
+     ?>
+  </div>
+</div>