first

css/jumbotron-narrow.css

@@ -0,0 +1,79 @@
+/* Space out content a bit */
+body {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+/* Everything but the jumbotron gets side spacing for mobile first views */
+.header,
+.marketing,
+.footer {
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+/* Custom page header */
+.header {
+  padding-bottom: 20px;
+  border-bottom: 1px solid #e5e5e5;
+}
+/* Make the masthead heading the same height as the navigation */
+.header h3 {
+  margin-top: 0;
+  margin-bottom: 0;
+  line-height: 40px;
+}
+
+/* Custom page footer */
+.footer {
+  padding-top: 19px;
+  color: #777;
+  border-top: 1px solid #e5e5e5;
+}
+
+/* Customize container */
+@media (min-width: 768px) {
+  .container {
+    max-width: 730px;
+  }
+}
+.container-narrow > hr {
+  margin: 30px 0;
+}
+
+/* Main marketing message and sign up button */
+.jumbotron {
+  text-align: center;
+  border-bottom: 1px solid #e5e5e5;
+}
+.jumbotron .btn {
+  padding: 14px 24px;
+  font-size: 21px;
+}
+
+/* Supporting marketing content */
+.marketing {
+  margin: 40px 0;
+}
+.marketing p + h4 {
+  margin-top: 28px;
+}
+
+/* Responsive: Portrait tablets and up */
+@media screen and (min-width: 768px) {
+  /* Remove the padding we set earlier */
+  .header,
+  .marketing,
+  .footer {
+    padding-right: 0;
+    padding-left: 0;
+  }
+  /* Space out the masthead */
+  .header {
+    margin-bottom: 30px;
+  }
+  /* Remove the bottom border on the jumbotron for visual effect */
+  .jumbotron {
+    border-bottom: 0;
+  }
+}

css/keys.css

@@ -0,0 +1,54 @@
+/**
+ * KEYS.css
+ *
+ * A simple stylesheet for rendering beautiful keyboard-style elements.
+ *
+ * Author:  Michael Hüneburg
+ * Website: http://michaelhue.com/keyscss
+ * License: MIT License (see LICENSE.txt)
+ */
+
+/* Base style, essential for every key. */
+kbd, .key {
+	display: inline;
+	display: inline-block;
+	min-width: 1em;
+	padding: .2em .3em;
+	text-align: center;
+	text-decoration: none;
+	-moz-border-radius: .3em;
+	-webkit-border-radius: .3em;
+	border-radius: .3em;
+	border: none;
+	cursor: default;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+	user-select: none;
+}
+kbd[title], .key[title] {
+	cursor: help;
+}
+
+/* Dark style for display on light background. This is the default style. */
+kbd, kbd.dark, .dark-keys kbd, .key, .key.dark, .dark-keys .key {
+	background: rgb(80, 80, 80);
+	background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80));
+	background: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(80, 80, 80)));
+	color: rgb(250, 250, 250);
+	text-shadow: -1px -1px 0 rgb(70, 70, 70);
+	-moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
+	-webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
+	box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
+}
+
+/* Light style for display on dark background. */
+kbd.light, .light-keys kbd, .key.light, .light-keys .key {
+	background: rgb(250, 250, 250);
+	background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
+	background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
+	color:  rgb(50, 50, 50);
+	text-shadow: 0 0 2px rgb(255, 255, 255);
+	-moz-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
+	-webkit-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
+	box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
+}

css/style.css

@@ -0,0 +1,243 @@
+
+h1,h2,h3,h4,h5,h6{
+  color: #1E2D40;
+  font-weight: bold;
+  font-family: 'Roboto', sans-serif !important;
+}
+
+body{
+  font-size: 16px;
+  padding-top: 0px;
+  font-family: 'Roboto', sans-serif !important;
+  /*font-weight: 300 !important;*/
+  padding-bottom: 70px;
+
+}
+
+
+
+a{
+	text-decoration: none !important;
+	/*color: #1E2D40;*/
+  font-weight: 500 !important;
+}
+/*a:hover, a.active {
+    text-decoration: none;
+    color: #18bc9c;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+}*/
+.active {
+    /*color: #18bc9c !important;*/
+    font-weight: 700 !important;
+}
+
+/*
+.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
+  color: #333;
+  background-color: #eee;
+  font-size: 18px;
+}
+
+.nav-pills>li>a, .nav-pills>li>a:hover, .nav-pills>li>a:focus {
+  background-color: #fff;
+  color: #333;
+  font-size: 18px;
+}
+
+.nav>li>a{
+  padding: 6px 14px !important;
+}
+
+*/
+
+.center-pills { display: inline-block; }
+
+.table>tbody>tr>td{
+	border-top: 0px solid #fff;
+}
+
+.list-group-item {
+	border: 0px solid #ddd; 
+	padding-left: 0px;
+}
+
+.hand{
+   cursor: pointer; cursor: hand; 
+}
+
+.center-div{
+  float: none;
+  margin: 0 auto;
+}
+
+.select2-drop{
+  border-radius: 0 0 0 0 !important;
+}
+
+.badge{
+  background-color: #eee;
+  color: #333;
+  border-radius: 0px;
+  font-size: 16px;
+  font-weight: 400;
+  padding: 5px;
+}
+
+
+#toggle-logo{
+  color:#333;
+  margin-bottom: 7px;
+}
+
+/*For search bar*/
+input.search-query {
+    padding-left:26px;
+}
+form.form-search {
+    position: relative;
+}
+form.form-search:before {
+    display: block;
+    width: 14px;
+    height: 14px;
+    content: "\e003";
+    font-family: 'Glyphicons Halflings';
+    background-position: -48px 0;
+    position: absolute;
+    top:8px;
+    left:8px;
+    opacity: .5;
+    z-index: 1000;
+}
+
+span[class^='aa']{
+	font-weight:900 !important;
+}
+#sites-table tbody tr td:nth-child(3) {
+	/*color:gray;*/
+}
+
+/*Buttons*/
+/*
+.btn-primary {
+    color: #333 !important;
+    background-color: #eee !important;
+    border-color: #fff !important;
+}
+.btn-primary:hover, .btn-primary:active {
+    color: #333 !important;
+    background-color: #ddd !important;
+    border-color: #fff !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important; 
+}
+.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus{
+	color: #333 !important;
+    background-color: #ddd !important;
+    border-color: #fff !important;
+}
+
+.btn-group.open .dropdown-toggle{
+	-webkit-box-shadow: none !important;
+    box-shadow: none !important; 
+}*/
+
+/*For color sequences*/
+.aa-polar{
+	color: #4c8f16 !important;
+}
+.aa-neutral{
+	color: #8c3f8d !important;
+}
+.aa-basic{
+	color: #0046C5 !important;
+}
+.aa-acidic{
+	color: #C5003E !important;
+}
+.aa-hphobic{
+	color: #2E2E2E !important;
+}
+
+
+
+/* STICKY FOOTER */
+html, body {
+  height: 100%;
+}
+
+#wrap {
+  min-height: 100%;
+}
+
+#main {
+  overflow:auto;
+  padding-bottom:70px; /* this needs to be bigger than footer height*/
+}
+
+.footer {
+  position: relative;
+  margin-top: -70px; /* negative value of footer height */
+  height: 140px;
+  clear:both;
+  padding-top:30px;
+  padding-top:30px;
+  border-top: none;
+} 
+
+
+
+
+/*Intense zoom image*/
+.select2-chosen{
+  font-family: 'Roboto', sans-serif !important;
+}
+figure{
+  background-color: rgba(238, 238, 238, 0.9) !important;
+}
+
+.intense{
+  cursor: url("../js/intense-zoom/img/plus_cursor.png") 15 15, pointer !important;
+}
+
+figcaption{
+  background-color: #eee !important; 
+  text-shadow: none !important;
+}
+h1,h2{
+  text-shadow: none !important;
+}
+
+
+/* KEYBOARD KEYS */
+/*kbk {
+    -moz-border-radius:3px;
+    -webkit-border-radius:3px;
+    border-radius:3px;
+    border:1px solid gray;
+    padding:1px 5px;
+    margin:0 5px;
+    font-family:courier new;
+    font-size:1.2em;
+    -webkit-box-shadow:1px 0 1px 0 #fff,0 2px 0 2px lightGray,0 2px 0 3px #333;
+    -moz-box-shadow:1px 0 1px 0 #fff,0 2px 0 2px lightGray,0 2px 0 3px #333;
+    box-shadow:1px 0 1px 0 #fff,0 2px 0 2px lightGray,0 2px 0 3px #333;
+    background:-moz-linear-gradient(left,#fff 0%,#e2e2e2 25%);
+    background:-webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(25%,#e2e2e2));
+    background:-webkit-linear-gradient(left,#fff 0%,#e2e2e2 25%);
+    background:-o-linear-gradient(left,#fff 0%,#e2e2e2 25%);
+    background:-ms-linear-gradient(left,#fff 0%,#e2e2e2 25%);
+    background:linear-gradient(left,#fff 0%,#e2e2e2 25%);
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e2e2e2',GradientType=1)
+}
+
+kbk.space {
+    padding:0 90px
+}
+
+kbk:hover {
+    cursor:default
+}*/

data/dropdown_data.json

@@ -0,0 +1 @@
+[{"id":1,"text":"PDK2"},{"id":2,"text":"DYRK4"},{"id":3,"text":"CDK13"},{"id":4,"text":"STRADB"},{"id":5,"text":"EIF2AK1"},{"id":6,"text":"MAPK13"},{"id":7,"text":"MAPK12"},{"id":8,"text":"MAPK1"},{"id":9,"text":"VRK1"},{"id":10,"text":"AURKA"},{"id":11,"text":"PTK6"},{"id":12,"text":"CSNK2A1"},{"id":13,"text":"GUCY2F"},{"id":14,"text":"CSK"},{"id":15,"text":"RIPK2"},{"id":16,"text":"GSK3A"},{"id":17,"text":"RPS6KB1"},{"id":18,"text":"MAPK14"},{"id":19,"text":"STK38"},{"id":20,"text":"TTK"},{"id":21,"text":"EIF2AK2"},{"id":22,"text":"PASK"},{"id":23,"text":"PRKD3"},{"id":24,"text":"CDC7"},{"id":25,"text":"NEK9"},{"id":26,"text":"MAST1"},{"id":27,"text":"RAF1"},{"id":28,"text":"LATS1"},{"id":29,"text":"GUCY2D"},{"id":30,"text":"CSNK1G2"},{"id":31,"text":"CDK7"},{"id":32,"text":"CAMK1"},{"id":33,"text":"ERN2"},{"id":34,"text":"PDGFRA"},{"id":35,"text":"CDK4"},{"id":36,"text":"CAMK2B"},{"id":37,"text":"BLK"},{"id":38,"text":"RIPK1"},{"id":39,"text":"PAK6"},{"id":40,"text":"GUCY2C"},{"id":41,"text":"TAOK1"},{"id":42,"text":"CSNK1A1"},{"id":43,"text":"PDGFRB"},{"id":44,"text":"CIT"},{"id":45,"text":"MAPK6"},{"id":46,"text":"RPS6KA5"},{"id":47,"text":"PIK3C3"},{"id":48,"text":"PKMYT1"},{"id":49,"text":"MAP2K4"},{"id":50,"text":"CSNK2A2"},{"id":51,"text":"PRKX"},{"id":52,"text":"MAP2K2"},{"id":53,"text":"MAPK3"},{"id":54,"text":"EEF2K"},{"id":55,"text":"ICK"},{"id":56,"text":"MAP3K8"},{"id":57,"text":"PRKCQ"},{"id":58,"text":"PRKCG"},{"id":59,"text":"HIPK2"},{"id":60,"text":"EIF2AK4"},{"id":61,"text":"AKT3"},{"id":62,"text":"KDR"},{"id":63,"text":"PIK3CA"},{"id":64,"text":"PRKG2"},{"id":65,"text":"BMPR1B"},{"id":66,"text":"TYK2"},{"id":67,"text":"ZAP70"},{"id":68,"text":"CDK6"},{"id":69,"text":"CDK14"},{"id":70,"text":"MYO3A"},{"id":71,"text":"CDK2"},{"id":72,"text":"ERBB3"},{"id":73,"text":"IGF1R"},{"id":74,"text":"KSR1"},{"id":75,"text":"ERBB2"},{"id":76,"text":"SIK1"},{"id":77,"text":"AKT1"},{"id":78,"text":"PLK4"},{"id":79,"text":"PLK2"},{"id":80,"text":"EGFR"},{"id":81,"text":"NTRK2"},{"id":82,"text":"PAK1"},{"id":83,"text":"ATM"},{"id":84,"text":"CHEK1"},{"id":85,"text":"FER"},{"id":86,"text":"PDK1"},{"id":87,"text":"CAMK4"},{"id":88,"text":"RIOK2"},{"id":89,"text":"PRKCA"},{"id":90,"text":"CSF1R"},{"id":91,"text":"BRAF"},{"id":92,"text":"PIK3CB"},{"id":93,"text":"SIK3"},{"id":94,"text":"STK36"},{"id":95,"text":"PRKCI"},{"id":96,"text":"CDK5"},{"id":97,"text":"WNK2"},{"id":98,"text":"MELK"},{"id":99,"text":"LRRK2"},{"id":100,"text":"ILK"},{"id":101,"text":"PLK1"},{"id":102,"text":"MARK4"},{"id":103,"text":"PBK"},{"id":104,"text":"MAP2K1"},{"id":105,"text":"BUB1"},{"id":106,"text":"AURKC"},{"id":107,"text":"INSR"},{"id":108,"text":"HIPK3"},{"id":109,"text":"PRKCB"},{"id":110,"text":"CSNK1G1"},{"id":111,"text":"SIK2"},{"id":112,"text":"CDK1"},{"id":113,"text":"PRKCE"},{"id":114,"text":"EIF2AK3"},{"id":115,"text":"BTK"},{"id":116,"text":"RPS6KB2"},{"id":117,"text":"PRKACA"},{"id":118,"text":"MAP3K11"},{"id":119,"text":"BRSK1"},{"id":120,"text":"BRSK2"},{"id":121,"text":"MAPK7"},{"id":122,"text":"OXSR1"},{"id":123,"text":"ADRBK1"},{"id":124,"text":"CAMKK2"},{"id":125,"text":"DYRK1B"},{"id":126,"text":"MAK"},{"id":127,"text":"WNK1"},{"id":128,"text":"PRKDC"},{"id":129,"text":"AURKB"},{"id":130,"text":"PAK2"},{"id":131,"text":"CLK4"},{"id":132,"text":"MET"},{"id":133,"text":"ROCK2"},{"id":134,"text":"CAMK2G"},{"id":135,"text":"MAPK9"},{"id":136,"text":"CDK20"},{"id":137,"text":"PAK7"},{"id":138,"text":"CSNK1D"},{"id":139,"text":"ULK1"},{"id":140,"text":"YES1"},{"id":141,"text":"GSK3B"},{"id":142,"text":"STK11"},{"id":143,"text":"CLK1"},{"id":144,"text":"PRKCH"},{"id":145,"text":"TBK1"},{"id":146,"text":"PRKCD"},{"id":147,"text":"RIPK4"},{"id":148,"text":"PTK2B"},{"id":149,"text":"PRKD1"},{"id":150,"text":"MAPK11"},{"id":151,"text":"BMP2K"},{"id":152,"text":"STRADA"},{"id":153,"text":"LIMK1"},{"id":154,"text":"PRPF4B"},{"id":155,"text":"MAPK15"},{"id":156,"text":"LCK"},{"id":157,"text":"IKBKB"},{"id":158,"text":"TRIO"},{"id":159,"text":"CAMK2D"},{"id":160,"text":"LIMK2"},{"id":161,"text":"NPR2"},{"id":162,"text":"PTK2"},{"id":163,"text":"RIOK3"},{"id":164,"text":"DYRK2"},{"id":165,"text":"ERBB4"},{"id":166,"text":"JAK1"},{"id":167,"text":"PKN1"},{"id":168,"text":"ATR"},{"id":169,"text":"PDPK1"},{"id":170,"text":"MAP2K3"},{"id":171,"text":"DMPK"},{"id":172,"text":"PRKAA1"},{"id":173,"text":"WNK3"},{"id":174,"text":"MINK1"},{"id":175,"text":"TRRAP"},{"id":176,"text":"RET"},{"id":177,"text":"STK39"},{"id":178,"text":"DAPK1"},{"id":179,"text":"SRC"},{"id":180,"text":"PAK4"},{"id":181,"text":"EPHA2"},{"id":182,"text":"NTRK1"},{"id":183,"text":"TGFBR2"},{"id":184,"text":"MAP3K5"},{"id":185,"text":"MAP2K6"},{"id":186,"text":"PIK3CG"},{"id":187,"text":"MAPK10"},{"id":188,"text":"CSNK1E"},{"id":189,"text":"MYLK"},{"id":190,"text":"MAPK8"},{"id":191,"text":"PAK3"},{"id":192,"text":"CSNK1G3"},{"id":193,"text":"NTRK3"},{"id":194,"text":"MTOR"},{"id":195,"text":"MAST2"},{"id":196,"text":"CLK2"},{"id":197,"text":"ULK2"},{"id":198,"text":"MAP3K3"},{"id":199,"text":"MOK"},{"id":200,"text":"MARK1"},{"id":201,"text":"NEK2"},{"id":202,"text":"MAPKAPK2"},{"id":203,"text":"SGK1"},{"id":204,"text":"FYN"},{"id":205,"text":"NPR1"},{"id":206,"text":"CDK19"},{"id":207,"text":"MAP3K7"},{"id":208,"text":"HIPK1"},{"id":209,"text":"SLK"},{"id":210,"text":"IRAK1"},{"id":211,"text":"CHUK"},{"id":212,"text":"PKN2"},{"id":213,"text":"PRKACB"},{"id":214,"text":"PRKAA2"},{"id":215,"text":"PLK3"},{"id":216,"text":"ABL1"},{"id":217,"text":"STK4"},{"id":218,"text":"CDK9"},{"id":219,"text":"PIM1"},{"id":220,"text":"PRKG1"},{"id":221,"text":"FGR"},{"id":222,"text":"RPS6KA1"},{"id":223,"text":"MUSK"},{"id":224,"text":"TGFBR1"},{"id":225,"text":"SYK"},{"id":226,"text":"HCK"},{"id":227,"text":"MASTL"},{"id":228,"text":"ARAF"},{"id":229,"text":"PRKACG"},{"id":230,"text":"PIK3CD"},{"id":231,"text":"CASK"},{"id":232,"text":"PRKCZ"},{"id":233,"text":"CAMK1D"},{"id":234,"text":"RPS6KA3"},{"id":235,"text":"CSNK1A1L"},{"id":236,"text":"RIOK1"},{"id":237,"text":"CDKL5"},{"id":238,"text":"TEC"},{"id":239,"text":"CDK8"},{"id":240,"text":"JAK2"},{"id":241,"text":"TNK2"},{"id":242,"text":"CHEK2"},{"id":243,"text":"LATS2"},{"id":244,"text":"LRRK1"},{"id":245,"text":"STK38L"},{"id":246,"text":"AKT2"},{"id":247,"text":"GRK5"},{"id":248,"text":"LYN"},{"id":249,"text":"SRPK2"},{"id":250,"text":"MST4"},{"id":251,"text":"MAP4K1"},{"id":252,"text":"WEE2"},{"id":253,"text":"MAP2K7"},{"id":254,"text":"CAMK2A"},{"id":255,"text":"DYRK1A"},{"id":256,"text":"MAP3K1"},{"id":257,"text":"ROCK1"},{"id":258,"text":"CDK11A"},{"id":259,"text":"NLK"},{"id":260,"text":"RPS6KA2"},{"id":261,"text":"AAK1"},{"id":262,"text":"PDK3"},{"id":263,"text":"MARK2"},{"id":264,"text":"STK3"},{"id":265,"text":"SRPK1"},{"id":266,"text":"ITK"},{"id":267,"text":"CDK12"},{"id":268,"text":"TNIK"},{"id":269,"text":"CDK3"},{"id":270,"text":"ULK3"},{"id":271,"text":"ERN1"},{"id":272,"text":"WEE1"},{"id":273,"text":"SMG1"},{"id":274,"text":"CDK16"},{"id":275,"text":"NEK1"},{"id":276,"text":"OBSCN"},{"id":277,"text":"FGFR2"},{"id":278,"text":"TLK1"},{"id":279,"text":"MARK3"}]