moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-08-13 17:03:51 -04:00
Code Issues Releases Wiki Activity

[ux] further improvements of roster list

Browse Source
This commit is contained in:
karolinaszczur 2013-09-20 10:30:22 +02:00
parent 895d5a4876
commit 04d4f575a7
3 changed files with 40 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/app/forms.styl
View File

@ -39,7 +39,7 @@ label
a.button a.button
line-height: 35px line-height: 35px
button button, a.button
display: inline-block display: inline-block
gotham() gotham()
roundall(3px) roundall(3px)

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

@ -23,22 +23,21 @@
&:hover &:hover
background: $sidebarActive background: $sidebarActive
a
color: #666
a a
text-decoration: none text-decoration: none
font-size: $fontSmall font-size: $fontMedium
color: #777 color: white
font-weight: 600
h1 h1
font-size: $fontMedium font-size: $fontMedium
margin: 0 margin: 0
padding: 10px padding: 5px 10px
color: white color: lighten($sidebarActive, 50%)
border-top: 1px solid lighten($sidebarBg, 15%) border-top: 1px solid lighten($sidebarActive, 5%)
border-bottom: 1px solid lighten($sidebarBg, 15%) border-bottom: 1px solid lighten($sidebarActive, 5%)
background: $sidebarActive
#roster, #roster,
#bookmarks #bookmarks
@ -98,17 +97,17 @@
.avatar .avatar
vertical-align: top vertical-align: top
margin-right: 5px margin-right: 5px
margin-top: -10px
position: absolute position: absolute
left: 5px left: 10px
top: 5px top: 50%
width: 30px width: 20px
height: 30px height: 20px
roundall(3px) roundall(30px)
noselect() noselect()
.name .name
margin-left: 40px margin-left: 30px
font-weight: bold
line-height: 20px line-height: 20px
.status .status

47
public/css/otalk.css
View File

@ -271,21 +271,20 @@ td {
#menu .main li:hover { #menu .main li:hover {
background: #192a47; background: #192a47;
} }
#menu .main li:hover a {
color: #666;
}
#menu .main li a { #menu .main li a {
text-decoration: none; text-decoration: none;
font-size: 12px; font-size: 14px;
color: #777; color: #fff;
font-weight: 600;
} }
#menu h1 { #menu h1 {
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
padding: 10px; padding: 5px 10px;
color: #fff; color: #668bc9;
border-top: 1px solid #233c46; border-top: 1px solid #1e3356;
border-bottom: 1px solid #233c46; border-bottom: 1px solid #1e3356;
background: #192a47;
} }
#roster li, #roster li,
#bookmarks li { #bookmarks li {
@ -360,17 +359,18 @@ td {
#bookmarks li .avatar { #bookmarks li .avatar {
vertical-align: top; vertical-align: top;
margin-right: 5px; margin-right: 5px;
margin-top: -10px;
position: absolute; position: absolute;
left: 5px; left: 10px;
top: 5px; top: 50%;
width: 30px; width: 20px;
height: 30px; height: 20px;
-moz-border-radius: 3px; -moz-border-radius: 30px;
-webkit-border-radius: 3px; -webkit-border-radius: 30px;
-khtml-border-radius: 3px; -khtml-border-radius: 30px;
-o-border-radius: 3px; -o-border-radius: 30px;
-border-radius: 3px; -border-radius: 30px;
border-radius: 3px; border-radius: 30px;
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none; -khtml-user-select: none;
@ -380,8 +380,7 @@ td {
} }
#roster li .name, #roster li .name,
#bookmarks li .name { #bookmarks li .name {
margin-left: 40px; margin-left: 30px;
font-weight: bold;
line-height: 20px; line-height: 20px;
} }
#roster li .status, #roster li .status,
@ -763,7 +762,8 @@ label {
a.button { a.button {
line-height: 35px; line-height: 35px;
} }
button { button,
a.button {
display: inline-block; display: inline-block;
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
font-style: normal; font-style: normal;
@ -785,6 +785,7 @@ button {
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
button:hover { button:hover,
a.button:hover {
background: #007aa7; background: #007aa7;
} }