Remove explicit borders around chatboxes.

converse.css

@@ -95,6 +95,7 @@ span.spinner.hor_centered {
     background-color: white;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
+    border-top: 0;
 }
 
 .chatroom .chat-area {
@@ -105,18 +106,15 @@ span.spinner.hor_centered {
 .chatroom .chat {
     overflow: auto;
     height: 400px;
-    border: solid 1px #ccc;
 }
 
 .chatroom .participants {
     float: left;
-    width: 99px;
+    width: auto;
     height: 272px;
     background-color: white;
     overflow: auto;
-    border-right: 1px solid #999;
-    border-bottom: 1px solid #999;
-    border-bottom-right-radius: 4px;
+    border-left: 1px solid #AAA;
 }
 
 .participants ul.participant-list li {
@@ -154,9 +152,7 @@ ul.participant-list li.moderator {
     color: rgb(79, 79, 79);
     height:193px;
     overflow-y:auto;
-    border:1px solid #999;
-    border-bottom: 0;
-    border-top: 0;
+    border: 0;
     background-color: #ffffff;
     line-height: 1.3em;
 }
@@ -626,7 +622,6 @@ div#controlbox-panes {
     background-color: white;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
-    border: 1px solid #999;
     width: 199px;
 }
 
@@ -698,9 +693,8 @@ ul#controlbox-tabs li a {
     margin: 0;
     text-align:center;
     text-decoration:none;
-    border: 1px solid #999;
-    border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
     color:#666;
     text-shadow: 0 1px 0 rgba(250, 250, 250, 1);
 }
@@ -711,13 +705,16 @@ ul#controlbox-tabs li a {
 
 .chat-head #controlbox-tabs li a {
     background-color: white;
-    box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
+    box-shadow: inset 0 4px 12px rgba(0,0,0,0.3);
+    border-bottom: 1px solid #CCC;
 }
 
 ul#controlbox-tabs a.current, ul#controlbox-tabs a.current:hover {
     box-shadow: none;
     border-bottom: 0;
     height: 35px;
+    cursor: default;
+    color: rgb(102,102,102);
 }
 
 div#users,
@@ -737,8 +734,9 @@ div#chatrooms {
 
 form.sendXMPPMessage {
     background: white;
-    border: 1px solid #999;
-    padding:0.5em;
+    border: 0;
+    border-top: 1px solid #BBB;
+    padding: 0.5em;
     margin: 0;
     position: relative;
     -webkit-border-radius: 4px;