Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
  • 4 commits
  • 5 files changed
  • 0 comments
  • 1 contributor
2  app.js
@@ -224,6 +224,7 @@ function start(year) {
224 224 tooltip.style.left = d3.event.clientX+10+'px';
225 225 tooltip.style.top = d3.event.clientY+10+'px';
226 226 fade(.2, 50, d);
  227 + this.style['cursor'] = 'pointer';
227 228 })
228 229 .on("mouseout", function(d) {
229 230 tooltip.style.display = 'none';
@@ -238,7 +239,6 @@ function start(year) {
238 239 var linksByIso = {};
239 240 for(var i = 0; i < links.length; ++i) {
240 241 linksByIso[links[i].from_iso] = links[i].sum;
241   -
242 242 }
243 243
244 244 lines.selectAll('line.country')
27 css/style.css
... ... @@ -1,9 +1,30 @@
1 1 body{ background: #333333 url('../img/bkg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
2 2
3   -div#titleContainer{ position: absolute; top: 60px; left: 60px; width: 350px; }
  3 +div#titleContainer{ position: absolute; top: 60px; left: 50px; width: 350px; z-index: 1002; }
4 4
5   -h1{ font-family: 'MentoneSemiBold'; font-size: 31px; color: #FFF; margin: 0 0 20px 0;}
6   -h2{ font-family: Helvetica, Arial, Sans-serif; font-size: 15px; font-weight: normal; color: #707070; width: 300px; line-height:20px; background: url('../img/bullet.png') 0 4px no-repeat; padding: 0 0 0 12px;}
  5 +h1{ font-family: 'MentoneSemiBold'; font-size: 31px; color: #FFF; margin: 0 0 20px 11px;}
  6 +h2{ font-family: Helvetica, Arial, Sans-serif; font-size: 15px; font-weight: normal; color: #707070; width: 300px; line-height:20px; margin: 0 0 0 11px;}
  7 +
  8 +div#titleContainer ul{ margin: 20px 0 0 0;}
  9 +
  10 +div#titleContainer ul li{
  11 + font-family: Arial, Sans-serif;
  12 + font-size: 15px;
  13 + margin: 7px 0 0 0;
  14 +}
  15 +
  16 +div#titleContainer ul li a{
  17 + color: #707070;
  18 + text-decoration: none;
  19 + padding: 0 0 0 11px;
  20 +}
  21 +
  22 +div#titleContainer ul li a:hover{ color: #FFF; }
  23 +
  24 +div#titleContainer ul li a.selected{
  25 + color:#FFF;
  26 + background: url('../img/menu_bullet.png') 1px 6px no-repeat;
  27 +}
7 28
8 29 div#innerCircle{
9 30 position: absolute;
BIN  img/bullet.png
BIN  img/menu_bullet.png
7 index.html
@@ -13,6 +13,13 @@
13 13 <div id="titleContainer">
14 14 <h1>Species Trading</h1>
15 15 <h2>In 2009, the estimated value of global imports was over USD323 billion. Isn't that scary?</h2>
  16 + <ul>
  17 + <li><a href="#">Order by number of flights</a></li>
  18 + <li><a href="#">Order by GDP</a></li>
  19 + <li><a class="selected" href="#">Order by Biodiversity</a></li>
  20 + <li><a href="#">Order by Population</a></li>
  21 + <li><a href="#">Order by Poverty</a></li>
  22 + </ul>
16 23 </div>
17 24
18 25 <div id="innerCircle">

No commit comments for this range

Something went wrong with that request. Please try again.