this is for holding javascript data
Alberto Pepe edited figures/d3/index2.html
over 10 years ago
Commit id: a1699f7a3b4c00ca69503a1625f82b57e3fc651e
deletions | additions
diff --git a/figures/d3/index2.html b/figures/d3/index2.html
index ab0d6fc..8580378 100644
--- a/figures/d3/index2.html
+++ b/figures/d3/index2.html
...
-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);
}