integration/gabarit.html
changeset 18 bf333fd74eee
parent 17 5229a85e53e7
child 19 81a605180745
--- a/integration/gabarit.html	Mon Oct 29 11:21:54 2012 +0100
+++ b/integration/gabarit.html	Mon Oct 29 18:06:44 2012 +0100
@@ -7,12 +7,10 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
         <title>Gabarit</title>
-
-
-
         <link rel="stylesheet" href="css/reset.css" />
-        <link rel="stylesheet" href="css/style.css" />
-        <link rel="stylesheet" href="css/ui-red/jquery-ui-1.9.0.custom.min.css">
+        <link rel="stylesheet" href="css/common.css" />
+        <link rel="stylesheet" href="css/article.css" />
+        <link rel="stylesheet" href="css/ui-red/jquery-ui.css">
         <script src="js/vendor/modernizr-2.6.1.min.js"></script>
     </head>
     <body>
@@ -169,13 +167,14 @@
                                     <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
                                     <p class="number-article">
                                         <a href="#">48 articles | 320 annotations </a>
-                                        <a class="add-annotation" href="#"></a>
+                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
                                     </p>
 
                                     <div class="article-annotations">
                                         <a title="title" class="blue" href="#" style="width:20%;"></a>
                                         <a title="title" class="green" href="#" style="width:20%;"></a>
-                                        <a title="title" class="red" href="#" style="width:60%;"></a>
+                                        <a title="title" class="red" href="#" style="width:40%;"></a>
+                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
                                     </div>
                                     <div class="article-content">
                                         <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -199,7 +198,7 @@
                                     <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
                                     <p class="number-article">
                                         <a href="#">48 articles | 320 annotations </a>
-                                        <a class="add-annotation" href="#"></a>
+                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
                                     </p>
 
                                     <div class="article-annotations">
@@ -229,7 +228,7 @@
                                     <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
                                     <p class="number-article">
                                         <a href="#">48 articles | 320 annotations </a>
-                                        <a class="add-annotation" href="#"></a>
+                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
                                     </p>
 
                                     <div class="article-annotations">
@@ -259,7 +258,7 @@
                                     <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
                                     <p class="number-article">
                                         <a href="#">48 articles | 320 annotations </a>
-                                        <a class="add-annotation" href="#"></a>
+                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
                                     </p>
 
                                     <div class="article-annotations">
@@ -289,7 +288,7 @@
                                     <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
                                     <p class="number-article">
                                         <a href="#">48 articles | 320 annotations </a>
-                                        <a class="add-annotation" href="#"></a>
+                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
                                     </p>
 
                                     <div class="article-annotations">
@@ -319,7 +318,7 @@
                                     <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
                                     <p class="number-article">
                                         <a href="#">48 articles | 320 annotations </a>
-                                        <a class="add-annotation" href="#"></a>
+                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
                                     </p>
 
                                     <div class="article-annotations">