Added back css directory/files

14 files changed, 357 insertions, 0 deletions

diff --git a/wqflask/wqflask/static/new/javascript/css/bar_chart.css b/wqflask/wqflask/static/new/javascript/css/bar_chart.css
new file mode 100755
index 00000000..78d31eee
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/bar_chart.css
@@ -0,0 +1,15 @@
+.barchart .axis path,

+.barchart .axis line {

+  fill: none;

+  stroke: #000;

+  shape-rendering: crispEdges;

+}

+

+.bar {

+  fill: steelblue;

+  shape-rendering: crispEdges;

+}

+/*

+.x.axis path {

+  display: none;

+}*/
\ No newline at end of file
diff --git a/wqflask/wqflask/static/new/javascript/css/box_plot.css b/wqflask/wqflask/static/new/javascript/css/box_plot.css
new file mode 100755
index 00000000..4c743b33
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/box_plot.css
@@ -0,0 +1,20 @@
+.box {

+  font: 10px sans-serif;

+}

+

+.box line,

+.box rect,

+.box circle {

+  fill: #fff;

+  stroke: #000;

+  stroke-width: 1.5px;

+}

+

+.box .center {

+  stroke-dasharray: 3,3;

+}

+

+.box .outlier {

+  fill: none;

+  stroke: #ccc;

+}
\ No newline at end of file
diff --git a/wqflask/wqflask/static/new/javascript/css/charts.css b/wqflask/wqflask/static/new/javascript/css/charts.css
new file mode 100644
index 00000000..5f2d4d23
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/charts.css
@@ -0,0 +1,28 @@
+body {

+  font-family: sans-serif;

+}

+

+svg {

+  margin-top:  10px;

+  margin-left: 50px;

+}

+

+.line {

+  stroke-width: 1;

+  fill: none;

+}

+

+text {

+ font-family: sans-serif;

+ font-size: 11pt;

+}

+

+p {

+ font-family: sans-serif;

+ font-size: 12pt;

+}

+

+p#caption {

+  margin-left: 100px;

+  width: 500px;

+}

diff --git a/wqflask/wqflask/static/new/javascript/css/corr_matrix.css b/wqflask/wqflask/static/new/javascript/css/corr_matrix.css
new file mode 100755
index 00000000..f4838f77
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/corr_matrix.css
@@ -0,0 +1,12 @@
+.vertical_label {
+    -webkit-transform: rotate(-90deg);
+       -moz-transform: rotate(-90deg);
+        -ms-transform: rotate(-90deg);
+         -o-transform: rotate(-90deg);
+            trasnform: rotate(-90deg);
+              color: #000
+              font-size: 22px;
+              height: 50px;
+              width: 100px;
+    float: left; 
+}
diff --git a/wqflask/wqflask/static/new/javascript/css/corr_scatter_plot.css b/wqflask/wqflask/static/new/javascript/css/corr_scatter_plot.css
new file mode 100755
index 00000000..c62d4c9a
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/corr_scatter_plot.css
@@ -0,0 +1,13 @@
+.chart {
+
+}
+
+.main text {
+    font: 10px sans-serif;	
+}
+
+.axis line, .axis path {
+    shape-rendering: crispEdges;
+    stroke: black;
+    fill: none;
+}
diff --git a/wqflask/wqflask/static/new/javascript/css/d3-tip.min.css b/wqflask/wqflask/static/new/javascript/css/d3-tip.min.css
new file mode 100644
index 00000000..3d253caf
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/d3-tip.min.css
@@ -0,0 +1 @@
+.d3-tip{line-height:1;font-weight:bold;padding:12px;background:rgba(0,0,0,0.8);color:#fff;border-radius:2px;pointer-events:none}.d3-tip:after{box-sizing:border-box;display:inline;font-size:10px;width:100%;line-height:1;color:rgba(0,0,0,0.8);position:absolute;pointer-events:none}.d3-tip.n:after{content:"\25BC";margin:-1px 0 0 0;top:100%;left:0;text-align:center}.d3-tip.e:after{content:"\25C0";margin:-4px 0 0 0;top:50%;left:-8px}.d3-tip.s:after{content:"\25B2";margin:0 0 1px 0;top:-8px;left:0;text-align:center}.d3-tip.w:after{content:"\25B6";margin:-4px 0 0 -1px;top:50%;left:100%}
\ No newline at end of file
diff --git a/wqflask/wqflask/static/new/javascript/css/interval_mapping.css b/wqflask/wqflask/static/new/javascript/css/interval_mapping.css
new file mode 100755
index 00000000..4a55d2e3
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/interval_mapping.css
@@ -0,0 +1,32 @@
+.chr_interval_map .y_axis path,

+.chr_interval_map .y_axis line {

+    fill: none;

+    stroke: black;

+    shape-rendering: crispEdges;

+}

+.chr_interval_map .y_axis text {

+    font-family: sans-serif;

+    font-size: 14px;

+}

+

+.chr_interval_map .x_axis path,

+.chr_interval_map .x_axis line {

+    fill: none;

+    stroke: black;

+    shape-rendering: crispEdges;

+}

+.chr_interval_map .x_axis text {

+    text-anchor: end;

+    font-family: sans-serif;

+    font-size: 8px;

+}

+/*

+interval_map rect {

+    stroke: WhiteSmoke;

+    fill: white;

+}

+

+interval_map path {

+    stroke: steelblue;

+    stroke-width: 1;

+}*/
\ No newline at end of file
diff --git a/wqflask/wqflask/static/new/javascript/css/main.css b/wqflask/wqflask/static/new/javascript/css/main.css
new file mode 100755
index 00000000..017bbdb8
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/main.css
@@ -0,0 +1,4 @@
+.security_box {
+    padding-left: 30px;
+    padding-right: 30px;
+}
diff --git a/wqflask/wqflask/static/new/javascript/css/marker_regression.css b/wqflask/wqflask/static/new/javascript/css/marker_regression.css
new file mode 100755
index 00000000..d81b5021
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/marker_regression.css
@@ -0,0 +1,38 @@
+.chr_manhattan_plot .y_axis path,
+.chr_manhattan_plot .y_axis line {
+    fill: none;
+    stroke: black;
+    shape-rendering: crispEdges;
+}
+.chr_manhattan_plot .y_axis text {
+    font-family: sans-serif;
+    font-size: 14px;
+}
+
+.chr_manhattan_plot .x_axis path,
+.chr_manhattan_plot .x_axis line {
+    fill: none;
+    stroke: black;
+    shape-rendering: crispEdges;
+}
+
+.chr_manhattan_plot .x_axis text {
+    text-anchor: end;
+    font-family: sans-serif;
+    font-size: 10px;
+}
+
+rect.pane {
+  cursor: move;
+  fill: none;
+  pointer-events: all;
+}
+
+/*rect {
+    stroke: WhiteSmoke;
+    fill: lightgrey;
+}*/
+/*rect {
+    stroke: WhiteSmoke;
+    fill: Azure;
+}*/
\ No newline at end of file
diff --git a/wqflask/wqflask/static/new/javascript/css/panelutil.css b/wqflask/wqflask/static/new/javascript/css/panelutil.css
new file mode 100644
index 00000000..ccd7eb01
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/panelutil.css
@@ -0,0 +1,91 @@
+

+/* figures will always be within a div with class="qtlcharts" */

+div.qtlcharts {

+  font-family: sans-serif;

+  font-size: 11pt;

+}

+

+div.qtlcharts .title text {

+  dominant-baseline: middle;

+  fill: blue;

+  text-anchor: middle;

+}

+

+div.qtlcharts .y.axis text {

+  dominant-baseline: middle;

+  text-anchor: end;

+}

+

+div.qtlcharts .y.axis text.title {

+  text-anchor: middle;

+  fill: slateblue;

+}

+

+div.qtlcharts .x.axis text {

+  dominant-baseline: hanging;

+  text-anchor: middle;

+}

+

+div.qtlcharts .x.axis text.title {

+  fill: slateblue;

+}

+

+/*div.qtlcharts line.axis.grid {

+  fill: none;

+  stroke-width: 1;

+  pointer-events: none;

+}

+

+div.qtlcharts line.x.axis.grid {

+  stroke: rgb(200, 200, 200);

+  stroke-width: 3;

+}

+

+div.qtlcharts line.y.axis.grid {

+  stroke: white;

+}*/

+

+div.qtlcharts .extent {

+  fill: #cac;

+  opacity: 0.3;

+}

+

+div.qtlcharts circle.selected {

+  fill: hotpink;

+  opacity: 1;

+}

+

+div.qtlcharts a {

+  color: #08c;

+  text-decoration: none;

+}

+

+div.qtlcharts a:hover {

+  color: #333;

+  text-decoration: underline;

+}

+

+

+/* figure captions */

+.caption {

+  font-family: Sans-serif;

+  font-size: 11pt;

+  margin-left: 60px;

+  width: 600px;

+}

+

+

+/* d3 tip for tool tips */

+.d3-tip {

+  background: darkslateblue;

+  color: #fff;

+  stroke: none;

+  font-weight: bold;

+  font-size: 16px;

+  font-family: sans-serif;

+  padding: 5px;

+}

+

+.d3-tip.e:after {

+  color: darkslateblue;

+}
\ No newline at end of file
diff --git a/wqflask/wqflask/static/new/javascript/css/parsley.css b/wqflask/wqflask/static/new/javascript/css/parsley.css
new file mode 100755
index 00000000..7d244579
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/parsley.css
@@ -0,0 +1,20 @@
+/* Adapted from parsleyjs.org/documentation.html#parsleyclasses */
+
+input.parsley-success, textarea.parsley-success {
+  color: #468847 !important;
+  background-color: #DFF0D8 !important;
+  border: 1px solid #D6E9C6 !important;
+}
+input.parsley-error, textarea.parsley-error {
+  color: #B94A48 !important;
+  background-color: #F2DEDE !important;
+  border: 1px solid #EED3D7 !important;
+}
+ul.parsley-error-list {
+    font-size: 11px;
+    margin: 2px;
+    list-style-type:none;
+}
+ul.parsley-error-list li {
+    line-height: 11px;
+}
\ No newline at end of file
diff --git a/wqflask/wqflask/static/new/javascript/css/scatter-matrix.css b/wqflask/wqflask/static/new/javascript/css/scatter-matrix.css
new file mode 100644
index 00000000..147903be
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/scatter-matrix.css
@@ -0,0 +1,40 @@
+#scatter-matrix { font-size: 14px; }
+
+.axis { shape-rendering: crispEdges; }
+.axis line { stroke: #ddd; stroke-width: 1px; }
+.axis path { display: none; }
+.axis text { font-size: 0.8em; }
+
+rect.extent { fill: #000; fill-opacity: .125; stroke: #fff; }
+rect.frame { fill: #fff; fill-opacity: .7; stroke: #aaa; }
+
+circle { fill: #ccc; fill-opacity: .5; }
+
+.legend circle { fill-opacity: 1; }
+.legend text { font-size: 18px; font-style: oblique; }
+
+.cell text { pointer-events: none; }
+
+.color-0  { fill: #800; }
+.color-1  { fill: #080; }
+.color-2  { fill: #008; }
+.color-3  { fill: #440; }
+.color-4  { fill: #044; }
+.color-5  { fill: #404; }
+.color-6  { fill: #400; }
+.color-7  { fill: #040; }
+.color-8  { fill: #004; }
+.color-9  { fill: #cc0; }
+.color-10 { fill: #0cc; }
+.color-11 { fill: #c0c; }
+.color-12 { fill: #880; }
+.color-13 { fill: #088; }
+.color-14 { fill: #808; }
+.color-15 { fill: #c00; }
+.color-16 { fill: #0c0; }
+.color-17 { fill: #00c; }
+
+.scatter-matrix-filter-control ul { list-style: none; padding-left: 10px; }
+.scatter-matrix-variable-control ul { list-style: none; padding-left: 10px; }
+.scatter-matrix-drill-control ul { list-style: none; padding-left: 10px; }
+
diff --git a/wqflask/wqflask/static/new/javascript/css/show_trait.css b/wqflask/wqflask/static/new/javascript/css/show_trait.css
new file mode 100644
index 00000000..9fc82a85
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/show_trait.css
@@ -0,0 +1,7 @@
+tr .outlier {
+    background-color: #ffff99;
+}
+
+#bar_chart_container {
+    overflow-x:scroll;
+}
\ No newline at end of file
diff --git a/wqflask/wqflask/static/new/javascript/css/table.css b/wqflask/wqflask/static/new/javascript/css/table.css
new file mode 100755
index 00000000..1910ef88
--- /dev/null
+++ b/wqflask/wqflask/static/new/javascript/css/table.css
@@ -0,0 +1,36 @@
+/* Adapted from http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ */
+
+.one-column-emphasis
+{
+    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
+    font-size: 12px;
+    line-height: 1.6em;
+    margin: 45px;
+    width: 480px;
+    text-align: left;
+    border-collapse: collapse;
+}
+.one-column-emphasis th
+{
+    font-size: 14px;
+    font-weight: normal;
+    padding: 12px 15px;
+    color: #039;
+}
+.one-column-emphasis td
+{
+    padding: 10px 15px;
+    color: #669;
+    border-top: 1px solid #e8edff;
+}
+.oce-first
+{
+    background: #d0dafd;
+    border-right: 10px solid transparent;
+    border-left: 10px solid transparent;
+}
+.one-column-emphasis tr:hover td
+{
+    color: #339;
+    background: #eff2ff;
+}