Difference between revisions of "Team:Korea U Seoul/Attributions"

 
(29 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<head>
 
<head>
 +
<style>
 +
/*main colour*/
 +
.navbar-default .navbar-brand,
 +
.contents-sidebar .nav>.active>a,
 +
.contents-sidebar .nav>.active>a,
 +
.contents-sidebar .nav>li>a:hover,
 +
.contents-sidebar .nav>li>a:focus,
 +
h5,
 +
h2,
 +
h1,
 +
.main-container .section a {
 +
    color: #055AB2
 +
;
 +
}
 +
.contents-sidebar .nav>.active>a,
 +
.contents-sidebar .nav>li>a:hover,
 +
.contents-sidebar .nav>li>a:focus {
 +
    border-left: 2px solid #04407F;
 +
}
 +
.image.lightbox, #notebook-key-button {
 +
    background-color: #0781FF;
 +
}
 +
/*complimentary colour*/
 +
.navbar-default .navbar-brand:hover,
 +
.definition:hover, .definition:focus,
 +
ol li::before,
 +
.slim ul li:before,
 +
.table>thead>tr>th,
 +
.algorithm ol li::before,
 +
.quote,
 +
.quote h3,
 +
a,
 +
a:visited,
 +
a:hover
 +
{
 +
    color:#022040;
 +
}
 +
.definition {
 +
    border-bottom: 1px dotted #022040;
 +
}
 +
#notebook-key-button.active {
 +
    background-color: #022040;
 +
}
 +
.popover.right>.arrow::after{
 +
    border-right-color: #022040;
 +
}
 +
.popover.bottom>.arrow::after {
 +
    border-bottom-color: #022040;
 +
}
 +
.popover.left>.arrow::after {
 +
    border-left-color: #022040;
 +
}
 +
</style>
 
<style type="text/css">
 
<style type="text/css">
 
.slim ul li {  
 
.slim ul li {  
Line 13: Line 66:
 
.node circle {
 
.node circle {
 
   fill: #fff;
 
   fill: #fff;
−
   stroke: steelblue;
+
   stroke: black;
−
   stroke-width: 6.5px;
+
   stroke-width: 2.5px;
 +
  r:15;
 
}
 
}
  
 
.node text {
 
.node text {
−
   font: 18px sans-serif;
+
   font: 13px emulogic;
 
}
 
}
  
Line 24: Line 78:
 
   fill: none;
 
   fill: none;
 
   stroke: #ccc;
 
   stroke: #ccc;
−
   stroke-width: 5.5px;
+
   stroke-width: 1.5px;
 
}
 
}
  
Line 45: Line 99:
 
<script>
 
<script>
  
−
var margin = {top: 20, right: 120, bottom: 20, left: 120},
+
var margin = {top: 20, right: 20, bottom: 20, left: 220},
−
     width = 960 - margin.right - margin.left,
+
     width = 1050 - margin.right - margin.left,
−
     height = 800 - margin.top - margin.bottom;
+
     height = 950 - margin.top - margin.bottom;
  
 
var i = 0,
 
var i = 0,
Line 70: Line 124:
 
   root = Korea_U_Seoul;
 
   root = Korea_U_Seoul;
 
   root.x0 = height / 2;
 
   root.x0 = height / 2;
−
   root.y0 = 0;
+
   root.y0 = 50;
  
 
   function collapse(d) {
 
   function collapse(d) {
Line 84: Line 138:
 
});
 
});
  
−
d3.select(self.frameElement).style("height", "800px");
+
d3.select(self.frameElement).style("height", "950px");
  
 
function update(source) {
 
function update(source) {
Line 107: Line 161:
 
   nodeEnter.append("circle")
 
   nodeEnter.append("circle")
 
       .attr("r", 2e-6)
 
       .attr("r", 2e-6)
−
       .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
+
       .style("fill", function(d) { return d._children ? "yellow" : "#fff"; });
  
 
   nodeEnter.append("text")
 
   nodeEnter.append("text")
−
       .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
+
       .attr("x", function(d) { return d.children || d._children ? -20 : 20; })
 
       .attr("dy", ".35em")
 
       .attr("dy", ".35em")
 
       .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
 
       .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
Line 123: Line 177:
 
   nodeUpdate.select("circle")
 
   nodeUpdate.select("circle")
 
       .attr("r", 4.5)
 
       .attr("r", 4.5)
−
       .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
+
       .style("fill", function(d) { return d._children ? "yellow" : "#fff"; });
  
 
   nodeUpdate.select("text")
 
   nodeUpdate.select("text")
Line 135: Line 189:
  
 
   nodeExit.select("circle")
 
   nodeExit.select("circle")
−
       .attr("r", 1e-6);
+
       .attr("r", 1e-5);
  
 
   nodeExit.select("text")
 
   nodeExit.select("text")
−
       .style("fill-opacity", 1e-6);
+
       .style("fill-opacity", 1e-5);
  
 
   // Update the links…
 
   // Update the links…

Latest revision as of 02:51, 17 October 2016

Works