From bb1efb737da8f050c7d920ec4c4ab5c60503d590 Mon Sep 17 00:00:00 2001 From: zsloan Date: Tue, 24 Mar 2015 16:30:13 +0000 Subject: Added back css directory/files --- .../static/new/javascript/css/bar_chart.css | 15 ++++ .../wqflask/static/new/javascript/css/box_plot.css | 20 +++++ .../wqflask/static/new/javascript/css/charts.css | 28 +++++++ .../static/new/javascript/css/corr_matrix.css | 12 +++ .../new/javascript/css/corr_scatter_plot.css | 13 ++++ .../static/new/javascript/css/d3-tip.min.css | 1 + .../static/new/javascript/css/interval_mapping.css | 32 ++++++++ wqflask/wqflask/static/new/javascript/css/main.css | 4 + .../new/javascript/css/marker_regression.css | 38 +++++++++ .../static/new/javascript/css/panelutil.css | 91 ++++++++++++++++++++++ .../wqflask/static/new/javascript/css/parsley.css | 20 +++++ .../static/new/javascript/css/scatter-matrix.css | 40 ++++++++++ .../static/new/javascript/css/show_trait.css | 7 ++ .../wqflask/static/new/javascript/css/table.css | 36 +++++++++ 14 files changed, 357 insertions(+) create mode 100755 wqflask/wqflask/static/new/javascript/css/bar_chart.css create mode 100755 wqflask/wqflask/static/new/javascript/css/box_plot.css create mode 100644 wqflask/wqflask/static/new/javascript/css/charts.css create mode 100755 wqflask/wqflask/static/new/javascript/css/corr_matrix.css create mode 100755 wqflask/wqflask/static/new/javascript/css/corr_scatter_plot.css create mode 100644 wqflask/wqflask/static/new/javascript/css/d3-tip.min.css create mode 100755 wqflask/wqflask/static/new/javascript/css/interval_mapping.css create mode 100755 wqflask/wqflask/static/new/javascript/css/main.css create mode 100755 wqflask/wqflask/static/new/javascript/css/marker_regression.css create mode 100644 wqflask/wqflask/static/new/javascript/css/panelutil.css create mode 100755 wqflask/wqflask/static/new/javascript/css/parsley.css create mode 100644 wqflask/wqflask/static/new/javascript/css/scatter-matrix.css create mode 100644 wqflask/wqflask/static/new/javascript/css/show_trait.css create mode 100755 wqflask/wqflask/static/new/javascript/css/table.css 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; +} -- cgit v1.2.3