tweak docs

docs/api.json

@@ -277,7 +277,7 @@
   {
     "name": "DataConnection",
     "type": "class",
-    "description": "Wraps WebRTC's DataChannel. To get one, use <a href='#peerconnect'><code>peer.connect</code></a> or listen for the <a href='#peeron-connect'><code>connect</code></a> event.<span class='tip'>Because Chrome currently does not support reliable messaging, PeerJS uses the <a href='https://github.com/michellebu/reliable'>Reliable shim</a> when necessary. A caveat is that with the shim you will not be able to customize <code>serialization</code>.</span>",
+    "description": "Wraps WebRTC's DataChannel. To get one, use <a href='#peerconnect'><code>peer.connect</code></a> or listen for the <a href='#peeron-connect'><code>connect</code></a> event.<span class='tip'>Because Chrome currently does not support reliable messaging, PeerJS uses the <a href='https://github.com/michellebu/reliable'>Reliable shim</a> when necessary. A caveat is that with the shim you will not be able to customize <code>serialization</code> when the shim is used.</span>",
     "children": [
       {
         "name": ".send",

docs/style.css

@@ -169,7 +169,7 @@ body, html {
 /* /name */
 
 .tip {
-  opacity: 0.9;
+  opacity: 0.7;
   display: block;
   background-color: #d1c7be;
   font-size: 13px;
@@ -178,8 +178,8 @@ body, html {
   border-radius: 2px;
   padding: 5px 8px;
   color: #544e4a;
-  border: 1px solid #544e4a;
-  text-shadow: 0px -1px 0px #fff;
+  border: 2px solid rgba(0,0,0,0.2);
+  text-shadow: 0px -1px 0px rgba(255,255,255,0.2);
   margin: 8px 0 0 0;
 }