OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	12/31/2022 06:53:36 AM	rwxr-xr-x
📄 SVGAll.js	43.74 KB	08/14/2022 11:05:25 AM	rw-r--r--
📄 app2.css	6.71 KB	08/14/2022 11:05:26 AM	rw-r--r--
📄 appanimate.js	7.62 KB	08/14/2022 11:05:25 AM	rw-r--r--
📄 appcharts.js	33.33 KB	08/14/2022 11:05:25 AM	rw-r--r--
📄 appcontroller.js	20.15 KB	08/14/2022 11:05:25 AM	rw-r--r--
📄 appmodel.js	1.41 KB	08/14/2022 11:05:26 AM	rw-r--r--
📄 arundata2.js	1.33 KB	08/14/2022 11:05:26 AM	rw-r--r--
📄 charts_svg.js	622 bytes	08/14/2022 11:05:26 AM	rw-r--r--
📄 d3.v2.js	234.06 KB	08/14/2022 11:05:26 AM	rw-r--r--
📄 d3.v3.js	253.25 KB	08/14/2022 11:05:25 AM	rw-r--r--
📄 spec.js	3.77 KB	08/14/2022 11:05:25 AM	rw-r--r--

Editing: app2.css

text {
	font-weight:normal;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	stroke: none;
	fill:#000;
	direction:ltr;
	letter-spacing:1px:
	text-decoration:none;
	unicode-bidi:normal;
	word-spacing:1px;
	/*opacity:0.7;*/

}
.brush .extent {
	stroke: #888;
	fill-opacity: .125;
	shape-rendering: crispEdges;
	fill: red;
}
text.xAxisTitle {
	fill:#666;
	font-weight:bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	opacity:0.5;
}
text.yAxisTitle {
	fill:#666;
	font-weight:bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	opacity:0.5;
}
text.legend {
	stroke: none;
	fill:#0099c6;
	font-weight:bold;
}

.x.axis line {
	opacity:0;
}
.y.axis line {
	stroke:#ccc;
	stroke-dasharray: 0;
}

.x.axis path {
	stroke:#ccc;
	stroke-dasharray: 0;
}

.y.axis path {
	opacity:0;
}
.xaxis0{
	stroke: #222;
	stroke-width: 0.7px;
	fill:none;
}

.myc{
	stroke: #736;
	stroke-width: 0.7px;
	fill:steelblue;
}

.axis1 {
	stroke: #736;
	stroke-width: 0.7px;
	fill:none;
}

.axis2 {
	stroke: #0AC;
	stroke-width: 1px;
	shape-rendering: auto;
	fill:none;
}

.tick{
	stroke: #DDD;
	stroke-width: 0.4px;
	opacity: 0.1;
	fill: none;
	//stroke-dasharray: 1;
}

.xgridline{
	stroke: #CCC;
	stroke-width: 1.0px;
	opacity: 0.9;
	fill: none;
	stroke-dasharray: 4 4;
}

.ygridline{
	/*stroke: #CCC;
	stroke-width: 0.4px;
	opacity: 0.9;
	fill: none;
	stroke-dasharray: 5 5;*/
	stroke: black;
	stroke-width: 1px;
	opacity: 0.3;
	fill: none;
}
circle {
	stroke-width: 1px;
}
.xcirc-nofill {
	fill:red;
}
.line0{
	stroke: #3366cc;
	stroke-width: 2px;
	shape-rendering: auto;
	fill:none;
}

.bar0{
	fill: #6DA;
	stroke: #6DA;
	stroke-width: 0px;
	shape-rendering: auto;
	opacity: 0.4;
}

.line1{
	stroke: #3366cc;
	stroke-width: 2px;
	fill:none;
	shape-rendering: auto;
	stroke-linejoin:round;
	opacity:0.7;
}
.line2{
	stroke: #dc3912;
	stroke-width: 2px;
	shape-rendering: auto;
}

.dotted{
	stroke: steelblue;
	stroke-width: 2px;
	shape-rendering: auto;
	stroke-dasharray: 5 5;
}
.line3{
	stroke: #329262;
	stroke-width: 2px;
	shape-rendering: auto;
	fill:none;
}

.bar{
	shape-rendering: auto;
	stroke: "steelblue";
	stroke-width: 0px;
	fill: "steelblue";
}
.bar1{
	fill: #3366cc;
	stroke:#3366cc;
	stroke-width: 2px;
	shape-rendering: auto;
}

.bar1-nofill{
	fill: #FFFFFF;
	stroke:#3366cc;
	stroke-width: 2px;
	shape-rendering: auto;
}
.bar2{
	fill: #dc3912;
	stroke-width: 0px;
	shape-rendering: auto;
}
.bar2-nofill{
	fill: #FFFFFF;
	stroke:#dc3912;
	stroke-width: 2px;
	shape-rendering: auto;
}

.bar3{
	fill:#329262;
	stroke-width: 0px;
	shape-rendering: auto;
}

.bar3-nofill{
	fill: #FFFFFF;
	stroke:#329262;
	stroke-width: 2px;
	shape-rendering: auto;
}

.bar4{
	fill:steelblue;
	stroke-width: 0px;
	shape-rendering: auto;
}

.whitetext{
	font-family: Arial, Helvetica, sans-serif;
	stroke:#FFF;
	fill:none;
	font-weight:normal;
	font-size:10px;
	font-style:normal;
	stroke: none;
	fill:#FFF;
	direction:ltr;
	letter-spacing:1px:
	text-decoration:none;
	unicode-bidi:normal;
	word-spacing:1px;
}

.domain {
	fill: none;
	stroke: none;
}
.hidden{
	visibility: hidden;
}
.note{
	fill:white;
	stroke:#6633cc;
	stroke-width: 2px;
	border:1px solid blue;
	z-index:200;
}
.note-text-x,.note-text-y {
	fill:#e67300;
}

.title1{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	stroke: #A9B9C5;
}

.step1{
	stroke:#00FF00;
	stroke-width: 1px;
	shape-rendering: auto;
	fill: none;
}

.step2{
	stroke:#FF1800;
	stroke-width: 1px;
	shape-rendering: auto;
	fill: none;
}
/* Legend and tooltip styles */
.svgLegend{
	/*position: absolute;*/
	z-index: 1;
	border-width: 0px;
	border-style: solid;
	border-color: #ccc;
	width:80%;
	margin-left:0px;
	margin-bottom:2px;
	height:20px;
}

.leg-rect, .leg-text, .leg-poly {
	cursor:pointer;
}

#container{
	width: 100%;
	height: 100%;
	position: relative;
}

/*.tipTable{
	margin:0px;
	padding:0px;
}
.tipTable td{
	border:0px;
}*/

.tipTable {
	color:brown;
	margin:0px;
	padding:0px;
	border: 0px solid #CCC;
}
.tipTable th{
	padding:0px;
	margin:0px;
	border-width: 0px 0px 0px 0px;
	border-color: #ccc;
	padding:5px 2px 2px 2px;
	text-align:center;
}
.tipTable tr{
	border-width: 1px 0px 0px 0px;
	border-style: solid ;
	border-color: #ccc;
	padding:0px;
	margin:0px;
	line-height:12px;
}
.tipTable td{
	margin:0px;
	padding:5px 2px 2px 2px;
	border: 0px solid #CCC;
}

.nSpan {
	font-weight:bold;
	margin:0px 2px 0px 2px;
	padding:0px 2px 0px 2px;
	border:1px solid #ccc;
	cursor:pointer;
}
.hSpan {
	font-weight:bold;
	margin:0px 2px 0px 2px;
	padding:0px 2px 0px 2px;
	border:1px solid #aaa;
	color:brown;
	cursor:pointer;
}
#pp {
	font-weight: bold;
	margin: 0px 10px 0px 2px;
	padding: 0px 2px 0px 2px;
	border: 1px solid #AAA;
	color: white;
	cursor: pointer;
	background: red;
	width: 50px;
	float: left;
	text-align: center;
}
.tipsy { font-size: 12px; position: fixed;clear:both; padding: 5px; z-index: 100000; display:block; white-space:nowrap;transition-duration: 1s; transition: display 1s;}
.tipsy-inner { background-color: #FFF; color: brown; padding: 5px 8px 4px 8px; text-align: left; }
.tipsy-inner { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid brown;}
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed brown; }

.tipsy-arrow-n { border-bottom-color: brown; }
.tipsy-arrow-s { border-top-color: brown; }
.tipsy-arrow-e { border-left-color: brown; }
.tipsy-arrow-w { border-right-color: brown; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }