diff --git a/attachments/pages/index.html b/attachments/pages/index.html
index 7e0b6e91..0f8b0161 100644
--- a/attachments/pages/index.html
+++ b/attachments/pages/index.html
@@ -5,7 +5,7 @@
CouchDB Data Explorer
-
+
@@ -39,9 +39,7 @@
diff --git a/attachments/style/style.css b/attachments/style/style.css
new file mode 100644
index 00000000..56435d81
--- /dev/null
+++ b/attachments/style/style.css
@@ -0,0 +1,81 @@
+section { margin-bottom: 20px; padding: 10px; }
+section.even { background-color: #EEE; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
+article.example { margin: 20px 0px 20px 0px; padding: 10px 0px 10px 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; }
+footer { font-size: 11px; color: #666; text-align: center; margin-top: 20px; }
+footer a { color: #666 }
+.container { margin: 0px auto; }
+#main { background-color: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
+code,
+blockquote,
+.code { font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif }
+.code { color: #d1d1d1; background-color: #3F3F3F; margin: 0px 0px 20px 0px; padding: 5px; font-size: 13px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
+.notice { background-color: #FFF9D8; margin-top: 20px; padding: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
+.ribbon { position: absolute; top: 0; right: 0; border: 0; }
+#download {float: right; position: relative; top: 3px; right: 5px;}
+#database{overflow:hidden;}
+#database h2{margin:0;}
+#database .group{border-top:1px solid #bedce7;}
+#database .separator{padding-top:1em;}
+#database .envelope{border-bottom:1px solid #bedce7;border-left:1px solid #bedce7;border-right:1px solid #bedce7;padding:0 .7em .7em .7em;background:#eaf2f5 url(images/bg_gradient.gif) 0 100% repeat-x;overflow:hidden;}
+#database .envelope.selected{background:#fffeeb!important;}
+#database .envelope.selected .machine span{border-bottom:1px dotted #4183c4;}
+#database.single_database .envelope .machine span{border-bottom:1px dotted #4183c4;}
+#database .machine{float:right;width:18em;padding:.8em 0 .8em 1.2em;border-left:1px solid #bedce7;color:#808080;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:.85em;line-height:1.5em;}
+#database .dbInfo {background:#fff url(images/bg_gradient.gif) 0 100% repeat-x;}
+#database .action {background:#eaf2f5 url(images/bg_gradient.gif) 0 100% repeat-x;}
+#database .database_oneline td{border-bottom:1px solid #bedce7;}
+#database .database_oneline .date{color:#888;width:1%;padding:0 1em 0 .5em;border-left:1px solid #bedce7;}
+#database .database_oneline .author{width:15%;}
+#database .database_oneline .gravatar{width:1%;}
+#database .database_oneline .gravatar img{border:1px solid #d0d0d0;padding:1px;background-color:white;float:left;margin-right:.4em;}
+#database .database_oneline .author a{font-weight:bold;color:black;}
+#database .database_oneline .message a{color:black;}
+#database .database_oneline .database,#database .database_oneline .tree{width:1%;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:90%;color:#808080;border-left:1px solid #bedce7;padding:.6em .5em;}
+#database .database_oneline .tree{border-right:1px solid #bedce7;}
+a{color:#4183c4;}
+a {text-decoration: none;}
+a:hover{text-decoration:underline;}
+.usingMouse a{outline:none;}
+a.button span.icon.loading { background-image: url(images/loader.gif); }
+.loading { background-image: url(images/loader.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;}
+a.button:hover span.icon.loading { background-image: url(images/loader-blue.gif); }
+#couchLogo {float: left; margin-right: 5px; margin-top: 3px}
+
+.menu-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+ul.menu {
+ display: none;
+ outline-style: none;
+ background: white;
+ color: black;
+ font-size: 12px;
+ height: auto;
+ list-style: none;
+ overflow: hidden;
+ position: absolute;
+ text-align: left;
+ width: 120px;
+ z-index: 666;
+ border: 1px solid #CCC;
+ border-right: 1px solid #666;
+ border-bottom: 1px solid #666;
+ margin: 0; padding: 0; }
+ ul.menu * {
+ margin: 0;
+ padding: 0; }
+ ul.menu a {
+ line-height: 14px;
+ color: black;
+ display: block;
+ padding: 5px 7px;
+ text-decoration: none; }
+ ul.menu li {
+ height: 24px; }
+ ul.menu li:hover {
+ background-color: #DBE8F8 }
\ No newline at end of file