1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-12-01 21:52:17 -05:00
kaiwa/public/css/pages/me.styl
2015-04-09 15:18:28 +02:00

65 lines
1.1 KiB
Stylus

@import '../_variables'
@import '../_mixins'
#topbar
#me
display: none
position: fixed
right: 0
padding: 1px 0px 5px 5px
width: 175px
.avatar
float:right
width: 35px
height: 35px
background: rgba(0,0,0,0)
background-color: transparent
vertical-align: middle
margin: 3px 0.5rem 0px 0px;
border-radius: 50%;
.name,
.status
display: block
width: 120px
overflow: hidden
text-overflow: ellipsis
text-align: right
.name
color: $meUsernameColor
font-size: $font-size-base
font-weight: $font-weight-bolder
margin-top: 3px;
.status
color: $gray
font-weight: normal
font-size: $font-size-small
border-width: 0px
margin: 0px
padding: 0px
height: 18px
white-space: nowrap
transition: all .25s
allowselect()
&:focus
border-radius: 0.25rem
border: 1px solid $gray
outline: none
padding: 2px
&:empty:before
content: 'Update your status'
&:before,
&:empty:focus:before
content: ''
&.connected
#me
display: block