Merge 25fee23 into d2875a7

hammerlab · Mar 20, 2015 · 91ba0e8 · 91ba0e8
2 parents d2875a7 + 25fee23
commit 91ba0e8
Show file tree

Hide file tree

Showing 4 changed files with 51 additions and 39 deletions.
diff --git a/playground.html b/playground.html
@@ -1,46 +1,10 @@
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<link rel="stylesheet" href="style/pileup.css" />
 <style>
-/* track dimensions */
-.reference {
+#root {
   width: 1200px;
-  height: 50px;
-}
-
-/* reference track */
-.background {
-  fill: white;
-}
-.basepair.a { fill: #188712; }
-.basepair.g { fill: #C45C16; }
-.basepair.c { fill: #0600F9; }
-.basepair.t { fill: #F70016; }
-.basepair.u { fill: #F70016; }
-text.basepair {
-  font-size: 36;
-  font-weight: bold;
-}
-
-/* gene track */
-.genes {
-  width: 1200px;
-  height: 50px;
-}
-.gene {
-  stroke-width: 1;
-  stroke: blue;
-}
-.gene text {
-  font-size: 16px;
-  text-anchor: middle;
-  stroke: black;
-  alignment-baseline: hanging;
-}
-#sense, #antisense {
-  stroke: blue;
-}
-.exon {
-  fill: blue;
+  height: 200px;
 }
 </style>
 </head>

diff --git a/style/pileup.css b/style/pileup.css
@@ -0,0 +1,46 @@
+/**
+ * This is the default stylesheet for pileup.js.
+ * In general, it attempts to look like IGV.
+ * You are encouraged to override anything you like.
+ */
+
+/* controls */
+
+/* reference track */
+.reference {
+  height: 50px;
+}
+
+.background {
+  fill: white;
+}
+.basepair.a { fill: #188712; }
+.basepair.g { fill: #C45C16; }
+.basepair.c { fill: #0600F9; }
+.basepair.t { fill: #F70016; }
+.basepair.u { fill: #F70016; }
+text.basepair {
+  font-size: 36;
+  font-weight: bold;
+}
+
+/* gene track */
+.genes {
+  height: 50px;
+}
+.gene {
+  stroke-width: 1;
+  stroke: blue;
+}
+.gene text {
+  font-size: 16px;
+  text-anchor: middle;
+  stroke: black;
+  alignment-baseline: hanging;
+}
+#sense, #antisense {
+  stroke: blue;
+}
+.exon {
+  fill: blue;
+}
diff --git a/test/coverage.html b/test/coverage.html
@@ -3,6 +3,7 @@
   <meta charset="utf-8">
   <title>pileup.js Tests</title>
   <link rel="stylesheet" href="../node_modules/mocha/mocha.css" />
+  <link rel="stylesheet" href="../style/pileup.css" />
 </head>
 <body>
   <div id="testdiv"></div>

diff --git a/test/runner.html b/test/runner.html
@@ -3,6 +3,7 @@
   <meta charset="utf-8">
   <title>pileup.js Tests</title>
   <link rel="stylesheet" href="../node_modules/mocha/mocha.css" />
+  <link rel="stylesheet" href="../style/pileup.css" />
 </head>
 <body>
   <div id="testdiv"></div>