integration/v2/18-collection_vue_mosaique.html
changeset 136 15a6adeeb5d1
parent 132 2f15d59e65ef
--- a/integration/v2/18-collection_vue_mosaique.html	Fri Jun 21 15:06:51 2013 +0200
+++ b/integration/v2/18-collection_vue_mosaique.html	Fri Jun 21 17:29:12 2013 +0200
@@ -23,12 +23,14 @@
                 <ul class="head-login clearfix">
                     <li>
                         <form method="GET" action="/egonomy/allpictures/">
-                            <p>
+                            <p class="clearfix">
                                 <input id="id_search" type="text" placeholder="Rechercher dans le site">
-                                <select class="search-type">
-                                    <option selected="" value="/egonomy/allpictures/">Images</option>
-                                    <option value="/egonomy/allfragments/">Fragments</option>
-                                </select>
+                                <label class="styled-select">
+                                    <select>
+                                        <option selected="" value="/egonomy/allpictures/">Images</option>
+                                        <option value="/egonomy/allfragments/">Fragments</option>
+                                    </select>
+                                </label>
                             </p>
                             <input type="hidden" name="field" value="all">
                         </form>
@@ -73,10 +75,47 @@
                     <li><a href="#">paramètres de la collection</a></li>
                 </ul>
             </div>
+            <div class="clearfix">
+                <div class="filters-wrap float-left">
+                    <ul class="filters">
+                        <li class="box-shadow-2"><a href="#">
+                            Paris, musée Victor Hugo <a title="close" class="icon-action cross" href="#"></a>
+                        </a></li>
+                        <li class="box-shadow-2"><a href="#">
+                            Bonjour hello world lorem ipsum dolor <a title="circle" class="icon-action circle" href="#"></a>
+                        </a></li>
+                        <li class="box-shadow-2 disabled"><a href="#">
+                            Paris, musée Victor Hugo <a title="close" class="icon-action cross" href="#"></a>
+                        </a></li>
+                        <li class="box-shadow-2 disabled"><a href="#">
+                            Paris, musée Victor Hugo <a title="circle" class="icon-action circle" href="#"></a>
+                        </a></li>
+                    </ul>
+                </div>
 
-            <ul class="list-projets-5 clearfix masonry-465">
-                
-            </ul>
+                <ul class="list-projets-5 float-left clearfix">
+                    <li>
+                        <div class="visuel-project">
+                            <img src="img/177x224.png" alt="">
+                            <div class="tools toggle">
+                                <div class="title-project"></div>
+                                <h3>Sapho</h3>
+                                <h4>Théodore Chasseriau</h4>
+                                <ul class="clearfix">
+                                    <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+                                    <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+                                    <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+                                    <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+                                    <li><a title="Supprimer" class="tool trash" href="#"></a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="content-project">
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus aut nostrum omnis cumque maxime delectus numquam natus sapiente enim reiciendis nulla animi praesentium odio cupiditate temporibus! Nisi alias eius animi.</p>
+                        </div>
+                    </li>
+                </ul>
+            </div>
 
             
         </section>