mikekd106 · onceupon · Jul 14, 2016 · Jul 14, 2016 · Jul 14, 2016 · Jul 14, 2016
diff --git a/iframetest.html b/iframetest.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <script type='text/javascript' src='https://d3js.org/d3.v4.min.js'></script>
+    <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
+     <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
+     <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
+     <link rel='stylesheet' type='text/css' href='stylesheets/plot.css'/>
+	 <script type='text/javascript' src='javascripts/script.js'></script>
+</head>
+<body> 
+
+	<div class="div_class" id = "svg_transcripts_id">
+	</div>
+
+
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>isoPlot</title>
+	<link rel='stylesheet' type='text/css' href='stylesheets/main.css'/>
+
+</head>
+<body> 
+<div>
+	<iframe sandbox="allow-popups allow-scripts allow-forms allow-same-origin" src="svg.html" marginwidth="0" marginheight="0" style="width:1000px;height:1000px;" scrolling="no"></iframe>
+</div>
+
+
+</body>
+</html>
diff --git a/main.css b/main.css
@@ -0,0 +1,8 @@
+body {
+	margin:5%;
+}
+
+iframe {
+    border: 0px inset;
+}
+
diff --git a/plot.css b/plot.css
@@ -0,0 +1,135 @@
+body {
+	margin:0px;
+}
+#plot{
+  width:100%;
+  height: 100%;
+  margin:5%;
+}
+/*text {
+  font: 10px sans-serif;
+}*/
+
+.tooltip {
+  position: absolute;
+  text-align: left;
+  width: 100px;
+  height: 40px;
+  padding: 5px;
+  margin-top: -20px;
+  font: 10px sans-serif;
+  background: #F7EEB3;
+  pointer-events: none;
+  opacity: 0.8;
+}
+.div_class{
+  margin:0px;
+}
+
+#version,#gene {
+    background-color: #7a91ff;
+    color: white;
+    padding: 3px;
+    font-size: 11px;
+    border: none;
+    cursor: pointer;
+    border-radius:2px;
+    margin:15px;
+}
+
+/* Dropdown button on hover & focus */
+#version:hover, #version:focus, #gene:hover, #gene:focus {
+    background-color: #6a81df;
+}
+
+/* The container <div> - needed to position the#version content */
+#version,#gene {
+    position: relative;
+    display: inline-block;
+}
+
+/* Dropdown Content (Hidden by Default) */
+#version-content, #gene-content {
+    display: none;
+    position: absolute;
+    background-color: #6a81df;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+}
+
+/* Links inside the#version */
+#version-content a {
+    color: black;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+}
+
+/* Change color of#version links on hover */
+#version-content a:hover {background-color: #6a81df}
+
+/* Show the#version menu (use JS to add this class to the #version-content container when the user clicks on the#version button) */
+.show {display:block;}
+
+#gene_search_container{
+  margin-top: 10px;
+  /*needed for some reason*/
+  margin-left: 0px;
+  display: none;
+}
+
+/*gene search box */
+#gene_search_box{
+  width:120px;
+  /*float:left;*/
+  /*display: none;*/
+}
+
+/*gene search button*/
+#gene_search_button{
+  /*width:50px;*/
+  /*float:left;*/
+  margin-top:-2px;
+  /*display: none;*/
+}
+
+label{
+  font-size: 11px;
+  font: Arial;
+  color:#7a91ff;
+/*  font-weight: bold;*/
+}
+
+input{
+  font-size: 11px;
+  font: Arial;
+  color:#555555;
+}
+
+.ui-menu .ui-menu-item{
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    list-style-image:none;
+}
+
+.ui-widget-content{
+  background: #eeeeee;
+  opacity:0.8;
+}
+
+.ui-widget{
+  font-size: 0.7em;
+}
+
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+  border: 2px solid #aac1ff;
+  background: #7a91ff;
+  font-weight: bold;
+  color: #eeeeee;
+}