123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- #conversejs {
- .list-container {
- text-align: left;
- padding: 0.3em 0;
- .rooms-toggle {
- font-family: $heading-font;
- display: block;
- color: $text-color;
- padding: 0 0 0.5rem 0;
- &:hover {
- color: $dark-gray-color;
- }
- }
- .items-list {
- text-align: left;
- .list-item {
- border: none;
- clear: both;
- color: $text-color;
- display: block;
- height: 2em;
- overflow: hidden;
- padding-top: 0.5em;
- text-shadow: 0 1px 0 $text-shadow-color;
- word-wrap: break-word;
- }
- .available-chatroom,
- .open-headline,
- .open-chatroom {
- &:hover {
- background-color: lighten($controlbox-head-color, 45%);
- }
- &.unread-msgs {
- .msgs-indicator {
- border-radius: 10%;
- opacity: 1;
- }
- .available-room,
- .open-room {
- width: 100%;
- font-weight: bold;
- }
- }
- a {
- &:hover {
- color: $dark-link-color;
- }
- &.room-info {
- &:before {
- font-size: 15px;
- }
- }
- &.open-room {
- width: 68%;
- float: left;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding-right: 0.5em;
- }
- &.available-room {
- width: 85%;
- }
- }
- .add-bookmark,
- .remove-bookmark {
- &.button-on {
- color: $link-color;
- &:hover {
- color: $dark-link-color;
- }
- }
- color: $subdued-color;
- }
- }
- }
- }
- }
- #conversejs.fullscreen {
- #controlbox {
- #chatrooms {
- .bookmarks-list {
- dl.rooms-list.bookmarks {
- dd.available-chatroom {
- a {
- &.open-room {
- width: 80%;
- }
- }
- }
- }
- }
- }
- }
- }
|