aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rwxr-xr-xwqflask/wqflask/static/new/javascript/css/bar_chart.css15
-rwxr-xr-xwqflask/wqflask/static/new/javascript/css/box_plot.css20
-rw-r--r--wqflask/wqflask/static/new/javascript/css/charts.css28
-rwxr-xr-xwqflask/wqflask/static/new/javascript/css/corr_matrix.css12
-rwxr-xr-xwqflask/wqflask/static/new/javascript/css/corr_scatter_plot.css13
-rw-r--r--wqflask/wqflask/static/new/javascript/css/d3-tip.min.css1
-rwxr-xr-xwqflask/wqflask/static/new/javascript/css/interval_mapping.css32
-rwxr-xr-xwqflask/wqflask/static/new/javascript/css/main.css4
-rwxr-xr-xwqflask/wqflask/static/new/javascript/css/marker_regression.css38
-rw-r--r--wqflask/wqflask/static/new/javascript/css/panelutil.css91
-rwxr-xr-xwqflask/wqflask/static/new/javascript/css/parsley.css20
-rw-r--r--wqflask/wqflask/static/new/javascript/css/scatter-matrix.css40
-rw-r--r--wqflask/wqflask/static/new/javascript/css/show_trait.css7
-rwxr-xr-xwqflask/wqflask/static/new/javascript/css/table.css36
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;
+}