--- a/integ/css/iri.css Fri Apr 05 18:07:11 2013 +0200
+++ b/integ/css/iri.css Tue Apr 09 10:37:21 2013 +0200
@@ -8,6 +8,7 @@
h3.instruction{color: #c7c7c7; clear: both; padding-bottom: 14px; margin: 0; border-bottom: 1px solid #3b3b3b;}
.sidebar ul a{display: block;}
+.sidebar ul li{-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.41);-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.41);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.41);}
.stickers.less{height: 90px; overflow: hidden;}
.stickers li{margin: 0 10px 10px 0;float:left;}
.stickers li a{width: 81px; height: 80px;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-repeat: no-repeat; background-position: center 13px;}
@@ -18,7 +19,6 @@
.stickers li:nth-child(3n+3) { margin-right: 0;}
.sidebar h3{font-size: 13px; font-weight: bold; margin-bottom: 12px;}
-
.more{margin-bottom: 16px;width: 100%; height: 12px; background-color: #191919; display: inline-block;}
.more:hover{background-color: #3b3b3b;}
.more span{ margin: 4px auto 0 auto;width: 13px; height: 4px; background: url(../img/arrow-more.png) 0 0 no-repeat; display: block;}
Binary file integ/img/sticker-1.png has changed
Binary file integ/img/sticker-2.png has changed
Binary file integ/img/sticker-3.png has changed
Binary file integ/img/sticker-4.png has changed
Binary file integ/img/sticker-5.png has changed
Binary file integ/img/sticker-6.png has changed
--- a/integ/iri-creation-cinecard.html Fri Apr 05 18:07:11 2013 +0200
+++ b/integ/iri-creation-cinecard.html Tue Apr 09 10:37:21 2013 +0200
@@ -13,6 +13,7 @@
<link rel="stylesheet" href="css/default.css" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/styles.css" />
+<!-- IRI CSS -->
<link rel="stylesheet" href="css/iri.css" />
<!-- Renkan CSS -->
<link rel="stylesheet" href="renkan/css/renkan.css" />
@@ -64,34 +65,34 @@
<h3>Stickers</h3>
<ul class="stickers less" id="stickers-more">
<li>
- <a class="culte" href="#">
- <span>SCENES CULTE</span>
+ <a href="#">
+ <img src="img/sticker-1.png" alt="SCENES CULTE" />
</a>
</li>
<li>
- <a class="star" href="#">
- <span>MON<br />AVIS</span>
+ <a href="#">
+ <img src="img/sticker-2.png" alt="TU VAS AIMER" />
</a>
</li>
<li>
- <a class="like" href="#">
- <span>TU VAS<br />AIMER</span>
+ <a href="#">
+ <img src="img/sticker-3.png" alt="MON AVIS" />
</a>
</li>
<li>
- <a class="culte" href="#">
- <span>SCENES CULTE</span>
+ <a href="#">
+ <img src="img/sticker-4.png" alt="POURQUOI LE VOIR" />
</a>
</li>
<li>
- <a class="star" href="#">
- <span>MON<br />AVIS</span>
+ <a href="#">
+ <img src="img/sticker-5.png" alt="POURQUOI J'AI AIME" />
</a>
</li>
<li>
- <a class="like" href="#">
- <span>TU VAS<br />AIMER</span>
+ <a href="#">
+ <img src="img/sticker-6.png" alt="SECRETS ET BONUS" />
</a>
</li>
@@ -183,6 +184,8 @@
<script type="text/javascript" src="js/script.js"></script>
+<!-- IRI -->
+
<script type="text/javascript">
function getURLParameter(name) {
return decodeURI(