--- a/integration/gabarit.html Wed Oct 10 15:16:59 2012 +0200
+++ b/integration/gabarit.html Wed Oct 10 18:18:39 2012 +0200
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
+ <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
</head>
<body>
@@ -128,8 +129,11 @@
<div class="content-wrap clearfix">
<div class="frise">
-
- </div>
+ <div id="slider-range">
+ <div class="voile-left"></div>
+ <div class="voile-right"></div>
+ </div>
+ </div><!-- frise -->
<div class="content clearfix">
@@ -175,6 +179,30 @@
</ul>
</ul>
+ <ul class="annotations clearfix">
+ <li>
+ <a class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
</div>
</div>
</div><!--article -->
@@ -188,7 +216,7 @@
<div class="article-content">
<div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
<p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ tempor incididunt ut labore et dolore magna aliqua.
</p>
@@ -200,6 +228,31 @@
</ul>
</ul>
+ <ul class="annotations clearfix">
+ <li>
+ <a class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
+
</div>
</div>
</div><!--article -->
@@ -223,6 +276,30 @@
</ul>
</ul>
+ <ul class="annotations clearfix">
+ <li>
+ <a class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
</div>
</div>
</div><!--article -->
@@ -236,7 +313,7 @@
<div class="article-content">
<div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
<p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ tempor incididunt ut labore et dolore magna aliqua.
</p>
@@ -248,6 +325,31 @@
</ul>
</ul>
+ <ul class="annotations clearfix">
+ <li>
+ <a class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
+
</div>
</div>
</div><!--article -->
@@ -271,6 +373,30 @@
</ul>
</ul>
+ <ul class="annotations clearfix">
+ <li>
+ <a class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
</div>
</div>
</div><!--article -->
@@ -284,7 +410,7 @@
<div class="article-content">
<div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
<p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ tempor incididunt ut labore et dolore magna aliqua.
</p>
@@ -296,6 +422,31 @@
</ul>
</ul>
+ <ul class="annotations clearfix">
+ <li>
+ <a class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
+
</div>
</div>
</div><!--article -->
@@ -319,6 +470,30 @@
</ul>
</ul>
+ <ul class="annotations clearfix">
+ <li>
+ <a class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
</div>
</div>
</div><!--article -->
@@ -332,7 +507,7 @@
<div class="article-content">
<div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
<p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ tempor incididunt ut labore et dolore magna aliqua.
</p>
@@ -344,9 +519,35 @@
</ul>
</ul>
+ <ul class="annotations clearfix">
+ <li>
+ <a class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
+
</div>
</div>
</div><!--article -->
+
</div><!-- articles -->
@@ -398,6 +599,7 @@
<!-- JavaScript -->
<script src="js/vendor/jquery-1.8.0.min.js"></script>
<script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>
+ <script src="js/vendor/dragslider.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>