created new background
This commit is contained in:
parent
606b59b644
commit
c5d080b9a2
7 changed files with 18 additions and 18 deletions
BIN
app/assets/images/background.jpg
Normal file
BIN
app/assets/images/background.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 676 KiB |
BIN
app/assets/images/background2.jpg
Normal file
BIN
app/assets/images/background2.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 370 KiB |
BIN
app/assets/images/topbg.png
Normal file
BIN
app/assets/images/topbg.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.7 KiB |
BIN
app/assets/images/topbg2.png
Normal file
BIN
app/assets/images/topbg2.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.8 KiB |
|
@ -51,18 +51,18 @@ function init(){
|
||||||
overridable: true,
|
overridable: true,
|
||||||
color: '#2D6A5D',
|
color: '#2D6A5D',
|
||||||
type: 'circle',
|
type: 'circle',
|
||||||
dim: 11
|
dim: 15
|
||||||
},
|
},
|
||||||
Edge: {
|
Edge: {
|
||||||
overridable: true,
|
overridable: true,
|
||||||
color: '#23A4FF',
|
color: '#d1d1d1',
|
||||||
lineWidth: 0.5
|
lineWidth: 2
|
||||||
},
|
},
|
||||||
//Native canvas text styling
|
//Native canvas text styling
|
||||||
Label: {
|
Label: {
|
||||||
type: labelType, //Native or HTML
|
type: labelType, //Native or HTML
|
||||||
size: 12,
|
size: 17,
|
||||||
style: 'bold'
|
//style: 'bold'
|
||||||
},
|
},
|
||||||
//Add Tips
|
//Add Tips
|
||||||
Tips: {
|
Tips: {
|
||||||
|
@ -73,7 +73,7 @@ function init(){
|
||||||
node.eachAdjacency(function() { count++; });
|
node.eachAdjacency(function() { count++; });
|
||||||
//display node info in tooltip
|
//display node info in tooltip
|
||||||
tip.innerHTML = "<div class=\"tip-title\">" + node.name + "</div>"
|
tip.innerHTML = "<div class=\"tip-title\">" + node.name + "</div>"
|
||||||
+ "<div class=\"tip-text\"><b>connections:</b> " + count + "</div>";
|
+ "<div class=\"tip-text\">connections: " + count + "</div>";
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// Add node events
|
// Add node events
|
||||||
|
@ -102,7 +102,7 @@ function init(){
|
||||||
if(!node) return;
|
if(!node) return;
|
||||||
// Build the right column relations list.
|
// Build the right column relations list.
|
||||||
// This is done by traversing the clicked node connections.
|
// This is done by traversing the clicked node connections.
|
||||||
var html = "<h4>" + node.name + "</h4><b> connections:</b><ul><li>",
|
var html = "<h4>" + node.name + "</h4><b>has connections to:</b><ul><li>",
|
||||||
list = [];
|
list = [];
|
||||||
node.eachAdjacency(function(adj){
|
node.eachAdjacency(function(adj){
|
||||||
list.push(adj.nodeTo.name);
|
list.push(adj.nodeTo.name);
|
||||||
|
@ -121,7 +121,7 @@ function init(){
|
||||||
domElement.innerHTML = node.name;
|
domElement.innerHTML = node.name;
|
||||||
var style = domElement.style;
|
var style = domElement.style;
|
||||||
style.fontSize = "0.9em";
|
style.fontSize = "0.9em";
|
||||||
style.color = "#ddd";
|
style.color = "#fff";
|
||||||
},
|
},
|
||||||
// Change node styles when DOM labels are placed
|
// Change node styles when DOM labels are placed
|
||||||
// or moved.
|
// or moved.
|
||||||
|
|
|
@ -20,7 +20,7 @@ pre, form, fieldset, table, th, td, legend { margin: 0; padding: 0; }
|
||||||
img {border:0; padding:0; margin:0; display:block; text-indent:-9999px;}
|
img {border:0; padding:0; margin:0; display:block; text-indent:-9999px;}
|
||||||
|
|
||||||
html { }
|
html { }
|
||||||
body { background:#031924; font-family:Arial, Helvetica, sans-serif; background-attachment:fixed; color:#FFF; }
|
body { background:#031924 url(background2.jpg) repeat 0 0; font-family:Arial, Helvetica, sans-serif; background-attachment:fixed; color:#FFF; }
|
||||||
|
|
||||||
h1 {display:block; text-align:left; }
|
h1 {display:block; text-align:left; }
|
||||||
h2 {display:block; text-align:center; background: #333; font-size:24px;}
|
h2 {display:block; text-align:center; background: #333; font-size:24px;}
|
||||||
|
@ -43,7 +43,7 @@ input[type="submit"] { margin-top:5px; }
|
||||||
|
|
||||||
.main { }
|
.main { }
|
||||||
|
|
||||||
.headertop { display:block; position:fixed; top:0; left:0; z-index:10; height:38px; width:100%; min-width:622px; background:#000; }
|
.headertop { display:block; position:fixed; top:0; left:0; z-index:10; height:38px; width:100%; min-width:622px; background: url(topbg2.png) repeat-x top left; }
|
||||||
#mainTitle { float: left; }
|
#mainTitle { float: left; }
|
||||||
#mainTitle a { color:#FFF; }
|
#mainTitle a { color:#FFF; }
|
||||||
.headertop ul { display:block; float: right; }
|
.headertop ul { display:block; float: right; }
|
||||||
|
|
|
@ -1,19 +1,18 @@
|
||||||
#center-container {
|
#center-container {
|
||||||
position:relative;
|
position:relative;
|
||||||
height:600px;
|
height:500px;
|
||||||
width:80%;
|
width:80%;
|
||||||
float:left;
|
float:left;
|
||||||
background-color:#031924;
|
/* background-color:#031924; */
|
||||||
color:#ccc;
|
color:#ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
#right-container {
|
#right-container {
|
||||||
height:600px;
|
height:500px;
|
||||||
width:19%;
|
width:19%;
|
||||||
color:#686c70;
|
color:#FFF;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background-color:#D1D1D1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#right-container h4{
|
#right-container h4{
|
||||||
|
@ -35,14 +34,15 @@
|
||||||
font-size:1.0em;
|
font-size:1.0em;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
color:#23A4FF;
|
color:#23A4FF;
|
||||||
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#infovis {
|
#infovis {
|
||||||
position:relative;
|
position:relative;
|
||||||
width:600px;
|
width:100%;
|
||||||
height:600px;
|
height:500px;
|
||||||
margin:auto;
|
margin:0 0 0 50px;
|
||||||
overflow:hidden;
|
overflow:hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue