You are here

nodejs_buddylist.css in Node.js integration 7

.nodejs-buddylist-offline {
  background: url(icons/16/offline.png) no-repeat center right;
}

.nodejs-buddylist-online {
  background: url(icons/16/available.png) no-repeat center right;
}

.chat-link-wrapper-offline {
  display: none;
}

#chatbar {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #F6F6F2;
	border: 1px solid #e3e2e2;
	border-bottom: none;
	margin: 0;
  height: 35px;
  width: 100%;
  font-size: 87.5%;
/*  width: 94%;
  padding: 0 3%;*/
}

#chatbar div.section-container {
  float: right;
  border-left: 1px solid #e3e2e2;
  border-right: 1px solid #F6F6F2;
}

#chatbar a.tab-button {
  display: block;
  
  padding: 0 15px 0 47px;
  font-size: 115%;
  height: 100%;
  line-height: 35px;

	background-image: url(icons/chat.png);
  background-position: 15px center;
  background-repeat: no-repeat;


}

#chatbar a.tab-button:hover {
  background-color: #ebebeb;
}

#chatbar div.chatbar-pane {
  position: absolute;
  right: 0;
  bottom: 36px;
  margin: 0;
  background: #fff;
 	border: 1px solid #e3e2e2;
	border-bottom: none;
  display: none;
}

#chatbar div.chatbar-chat {
  min-width: 250px;
}

#chatbar div.chatbar-chat .chatbar-message-box {
  text-align: center;
  border-top: 1px solid #e3e2e2;
}

#chatbar div.chatbar-chat .chatbar-message-board {
  min-height: 150px;
  max-height: 450px;
  overflow: auto;
  padding: 5px;

}

#chatbar div.chatbar-chat .chatbar-message-board p {
  display: inline;
}

#chatbar div.chatbar-chat input {
  width: 230px;
}

#chatbar div.chatbar-pane h2 {
  margin: 0;
  padding: 5px 10px;
  background: #48A9E4;
  color: #fff;
}

#buddy-list {

}

#chatbar #buddy-toggle {
	background-image: url(icons/group.png);
  padding: 0 15px 0 55px;
}


#buddy-list ul {
  list-style: none;
  padding: 0;
}

#buddy-list ul li {
  padding-right: 25px;
  margin: 10px 15px;
}

File

nodejs_buddylist/nodejs_buddylist.css
View source
  1. .nodejs-buddylist-offline {
  2. background: url(icons/16/offline.png) no-repeat center right;
  3. }
  4. .nodejs-buddylist-online {
  5. background: url(icons/16/available.png) no-repeat center right;
  6. }
  7. .chat-link-wrapper-offline {
  8. display: none;
  9. }
  10. #chatbar {
  11. position: fixed;
  12. bottom: 0; left: 0;
  13. z-index: 9999; /*--Keeps the panel on top of all other elements--*/
  14. background: #F6F6F2;
  15. border: 1px solid #e3e2e2;
  16. border-bottom: none;
  17. margin: 0;
  18. height: 35px;
  19. width: 100%;
  20. font-size: 87.5%;
  21. /* width: 94%;
  22. padding: 0 3%;*/
  23. }
  24. #chatbar div.section-container {
  25. float: right;
  26. border-left: 1px solid #e3e2e2;
  27. border-right: 1px solid #F6F6F2;
  28. }
  29. #chatbar a.tab-button {
  30. display: block;
  31. padding: 0 15px 0 47px;
  32. font-size: 115%;
  33. height: 100%;
  34. line-height: 35px;
  35. background-image: url(icons/chat.png);
  36. background-position: 15px center;
  37. background-repeat: no-repeat;
  38. }
  39. #chatbar a.tab-button:hover {
  40. background-color: #ebebeb;
  41. }
  42. #chatbar div.chatbar-pane {
  43. position: absolute;
  44. right: 0;
  45. bottom: 36px;
  46. margin: 0;
  47. background: #fff;
  48. border: 1px solid #e3e2e2;
  49. border-bottom: none;
  50. display: none;
  51. }
  52. #chatbar div.chatbar-chat {
  53. min-width: 250px;
  54. }
  55. #chatbar div.chatbar-chat .chatbar-message-box {
  56. text-align: center;
  57. border-top: 1px solid #e3e2e2;
  58. }
  59. #chatbar div.chatbar-chat .chatbar-message-board {
  60. min-height: 150px;
  61. max-height: 450px;
  62. overflow: auto;
  63. padding: 5px;
  64. }
  65. #chatbar div.chatbar-chat .chatbar-message-board p {
  66. display: inline;
  67. }
  68. #chatbar div.chatbar-chat input {
  69. width: 230px;
  70. }
  71. #chatbar div.chatbar-pane h2 {
  72. margin: 0;
  73. padding: 5px 10px;
  74. background: #48A9E4;
  75. color: #fff;
  76. }
  77. #buddy-list {
  78. }
  79. #chatbar #buddy-toggle {
  80. background-image: url(icons/group.png);
  81. padding: 0 15px 0 55px;
  82. }
  83. #buddy-list ul {
  84. list-style: none;
  85. padding: 0;
  86. }
  87. #buddy-list ul li {
  88. padding-right: 25px;
  89. margin: 10px 15px;
  90. }