Alberto Pepe edited figures/d3/index2.html  over 10 years ago

Commit id: a1699f7a3b4c00ca69503a1625f82b57e3fc651e

deletions | additions      

       

-webkit-appearance: button;  }  .wrapper {   width: 65%;   margin: 0 auto;   }     .wrapper p {   font-size: 135%;   }     .gistURLInput {   padding: 2px;   padding-left: 5px;   padding-right: 5px;     font-size: 125%;   font-weight: 300;   width: 85%;   margin-bottom: 10px;   }     /* Inset and shade */   .well {   text-align: center;   background: #f3f3f3;   padding: 15px;   -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);   -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;   }     div {   padding: 10px;   }     svg {   /*-webkit-transform: translateZ(0);*/   font: 12pt sans-serif;   font-family: "Source Sans Pro";   font-weight: 100;   padding: 10px;   background: #f7f5f0;   margin: 0 auto;   display: block;   border: 2px solid #555;   border-radius: 8px;   }     .hack {   display: block;   margin: 0 auto;   }       .axis-label {   font-weight: 300;   font-size: 18pt;   }     .axis,   .frame {   shape-rendering: crispEdges;   }     .axis line {   stroke: #ddd;   }  .axis path {   display: none;   }     .frame {   fill: #fff;   stroke: #aaa;   zorder: -1;   }     .hidden {   fill: #ccc !important;   opacity: 0.5;   }     .extent {   fill: #000;   fill-opacity: .125;   stroke: #fff;   }     #caption{   word-wrap: normal;   font: 20px sans-serif;   width: 60%;   margin: 0 auto;   padding: 20px;   border-left: 1px solid #aaa;   border-right: 1px solid #aaa;   }     #controls {   margin: 0 auto;   text-align: center;   }     .navigation {   list-style: none;   display: inline;   margin: 0px;   padding: 0px;   }   .navigation li {   color: #999;   font-size: 14px;   cursor: pointer;   padding: 10px 18px;   border-top: solid 1px #CCC;   border-bottom: solid 1px #CCC;   border-left: solid 1px #CCC;   background: #f9f9f9;   margin: 0;   white-space: nowrap;   display:inline-block;   }     .navigation li:first-of-type{   border-radius: 4px 0 0 4px;   }   .navigation li:last-of-type{   border-right: solid 1px #CCC;   border-radius: 0 4px 4px 0;   }   .navigation li.selected {   color: #000;   background: #e9e9e9;   border-color: #AAA;   box-shadow: inset 0px 0px 4px rgba(0,0,0,0.2);   }     .y-label {   -webkit-transform: rotate(-90deg);   -moz-transform: rotate(-90deg);   }