mirror of
https://github.com/moparisthebest/kaiwa
synced 2024-11-29 12:42:16 -05:00
[ux] further improvements of roster list
This commit is contained in:
parent
895d5a4876
commit
04d4f575a7
@ -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)
|
||||||
|
@ -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
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user