moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-25 18:52:20 -05:00
Code Issues Releases Wiki Activity

[ux] improve active state and colors for statuses

Browse Source
This commit is contained in:
karolinaszczur 2013-09-21 17:38:35 +02:00
parent 06fdfb7a78
commit 33a08318ea
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/app/roster.styl
View File

@ -15,7 +15,7 @@
noselect()
.main li a, h1, #roster li
border-bottom: 1px solid lighten($sidebarActive, 5%)
border-bottom: 1px solid #1a2e35
.main
li
@ -30,7 +30,7 @@
fill: white
&:hover
background: $sidebarActive
background: lighten($sidebarBg, 10%)
a
display: block
@ -63,24 +63,24 @@
cursor: pointer
&:nth-child(2n)
background: #1e252f
background: lighten($sidebarBg, 5%)
&:hover
background: #2a323f
background: $activeBlue
&.hasUnread .unread
display: block
&.online,
&.chat
border-left: 3px solid green
border-left: 4px solid #427a00
&.dnd
border-left: 3px solid red
border-left: 4px solid #c50041
&.away,
&.xa
border-left: 3px solid orange
border-left: 4px solid #f57900
&.offline
border-left: none
@ -93,8 +93,8 @@
color: #777
&.activeContact
background: $activeBlue
color: white
background: white
color: $activeBlue
font-weight: bold
&.composing

18
public/css/otalk.css
View File

@ -266,7 +266,7 @@ td {
#menu .main li a,
#menu h1,
#menu #roster li {
border-bottom: 1px solid #1e3356;
border-bottom: 1px solid #1a2e35;
}
#menu .main li {
list-style-type: none;
@ -280,7 +280,7 @@ td {
fill: #fff;
}
#menu .main li:hover {
background: #192a47;
background: #1b2e36;
}
#menu .main li a {
display: block;
@ -312,11 +312,11 @@ td {
}
#roster li:nth-child(2n),
#bookmarks li:nth-child(2n) {
background: #1e252f;
background: #132126;
}
#roster li:hover,
#bookmarks li:hover {
background: #2a323f;
background: #00aeef;
}
#roster li.hasUnread .unread,
#bookmarks li.hasUnread .unread {
@ -326,17 +326,17 @@ td {
#bookmarks li.online,
#roster li.chat,
#bookmarks li.chat {
border-left: 3px solid #008000;
border-left: 4px solid #427a00;
}
#roster li.dnd,
#bookmarks li.dnd {
border-left: 3px solid #f00;
border-left: 4px solid #c50041;
}
#roster li.away,
#bookmarks li.away,
#roster li.xa,
#bookmarks li.xa {
border-left: 3px solid #ffa500;
border-left: 4px solid #f57900;
}
#roster li.offline,
#bookmarks li.offline {
@ -353,8 +353,8 @@ td {
}
#roster li.activeContact,
#bookmarks li.activeContact {
background: #00aeef;
color: #fff;
background: #fff;
color: #00aeef;
font-weight: bold;
}
#roster li.composing,