1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-12 04:25:05 -05:00
kaiwa/public/css/app/roster.styl

147 lines
2.4 KiB
Stylus
Raw Normal View History

2013-09-16 05:19:07 -04:00
@import '../_variables'
@import '../_mixins'
#menu
position: fixed
top: 0px
bottom: 0px
left: 0px
width: 180px
background-color: $sidebarBg
2013-09-16 05:19:07 -04:00
z-index: 300
overflow-y: auto;
overflow-x: hidden;
webkit-transition-fix()
noselect()
.main li a, h1, #roster li
border-bottom: 1px solid #1a2e35
2013-09-16 05:19:07 -04:00
.main
li
list-style-type: none
line-height: 12px
svg
position: absolute
top: 50%
left: 10px
margin-top: -13px
fill: white
2013-09-16 05:19:07 -04:00
&:hover
background: lighten($sidebarBg, 10%)
2013-09-16 05:19:07 -04:00
a
display: block
position: relative
padding: 0 15px 0 40px
2013-09-16 05:19:07 -04:00
text-decoration: none
font-size: $fontMedium
color: white
font-weight: 600
line-height: 35px
2013-09-16 05:19:07 -04:00
h1
font-size: $fontMedium
margin: 0
padding: 5px 10px
color: lighten($sidebarActive, 50%)
background: $sidebarActive
2013-09-16 05:19:07 -04:00
2013-09-16 19:12:00 -04:00
#roster,
#bookmarks
2013-09-16 05:19:07 -04:00
li
list-style-type: none
padding: 8px 10px
2013-09-16 05:19:07 -04:00
margin: 0px
position: relative
min-height: 15px
2013-09-19 14:37:01 -04:00
font-size: $fontSmall
2013-09-16 05:19:07 -04:00
color: #fff
2013-09-19 10:39:07 -04:00
cursor: pointer
2013-09-16 05:19:07 -04:00
&:nth-child(2n)
background: lighten($sidebarBg, 5%)
2013-09-16 05:19:07 -04:00
&:hover
background: $activeBlue
2013-09-16 05:19:07 -04:00
&.hasUnread .unread
display: block
&.online,
&.chat
border-left: 4px solid #427a00
2013-09-16 05:19:07 -04:00
&.dnd
border-left: 4px solid #c50041
2013-09-16 05:19:07 -04:00
&.away,
&.xa
border-left: 4px solid #f57900
2013-09-16 05:19:07 -04:00
&.offline
border-left: none
2013-09-16 05:19:07 -04:00
color: #aaa
img
opacity: .25
.status
color: #777
&.activeContact
background: white
color: $activeBlue
font-weight: bold
2013-09-16 05:19:07 -04:00
&.composing
border-right: 4px solid orange
&.paused
border-right: 4px solid #666
img
opacity: 1
.avatar
vertical-align: top
margin-right: 5px
margin-top: -10px
2013-09-16 05:19:07 -04:00
position: absolute
left: 10px
top: 50%
width: 20px
height: 20px
roundall(30px)
2013-09-16 05:19:07 -04:00
noselect()
.name
margin-left: 30px
line-height: 20px
2013-09-16 05:19:07 -04:00
.status
color: #ccc
2013-09-19 14:37:01 -04:00
font-size: $fontSmall
2013-09-16 05:19:07 -04:00
font-style: italic
font-weight: 600
margin: 0px
margin-left: 40px
.unread
display: none
color: white
padding-left: 5px
padding-right: 5px
roundall: 11px
position: absolute
top: 20px
left: 20px
text-align: center
font-weight: bold
background-color: red
border: 1px solid white