mirror of
https://github.com/balkian/Web4.0.git
synced 2024-11-05 08:41:43 +00:00
119 lines
2.1 KiB
Stylus
119 lines
2.1 KiB
Stylus
@import 'nib'
|
|
|
|
#chat, #nickname, #messages
|
|
width 600px
|
|
|
|
#chat
|
|
position relative
|
|
border 1px solid #ccc
|
|
|
|
#nickname, #connecting
|
|
position absolute
|
|
height 410px
|
|
z-index 100
|
|
left 0
|
|
top 0
|
|
background #fff
|
|
text-align center
|
|
width 600px
|
|
font 15px Georgia
|
|
color #666
|
|
display block
|
|
.wrap
|
|
padding-top 150px
|
|
|
|
#nickname
|
|
input
|
|
border 1px solid #ccc
|
|
padding 10px
|
|
&:focus
|
|
border-color #999
|
|
outline 0
|
|
#nickname-err
|
|
color darkred
|
|
font-size 12px
|
|
visibility hidden
|
|
|
|
.connected
|
|
#connecting
|
|
display none
|
|
|
|
.nickname-set
|
|
#nickname
|
|
display none
|
|
|
|
#messages
|
|
height 380px
|
|
background #eee
|
|
em
|
|
text-shadow 0 1px 0 #fff
|
|
color #999
|
|
p
|
|
padding 0
|
|
margin 0
|
|
font 12px Helvetica, Arial
|
|
padding 5px 10px
|
|
b
|
|
display inline-block
|
|
padding-right 10px
|
|
p:nth-child(even)
|
|
background #fafafa
|
|
#nicknames
|
|
background #ccc
|
|
padding 2px 4px 4px
|
|
font 11px Helvetica
|
|
span
|
|
color black
|
|
b
|
|
display inline-block
|
|
color #fff
|
|
background #999
|
|
padding 3px 6px
|
|
margin-right 5px
|
|
border-radius 10px
|
|
text-shadow 0 1px 0 #666
|
|
#lines
|
|
height 355px
|
|
overflow auto
|
|
overflow-x hidden
|
|
overflow-y auto
|
|
&::-webkit-scrollbar
|
|
width 6px
|
|
height 6px
|
|
&::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment
|
|
display block
|
|
height 10px
|
|
&::-webkit-scrollbar-button:vertical:increment
|
|
background-color #fff
|
|
&::-webkit-scrollbar-track-piece
|
|
background-color #fff
|
|
-webkit-border-radius 3px
|
|
&::-webkit-scrollbar-thumb:vertical
|
|
height 50px
|
|
background-color #ccc
|
|
-webkit-border-radius 3px
|
|
&::-webkit-scrollbar-thumb:horizontal
|
|
width 50px
|
|
background-color #fff
|
|
-webkit-border-radius 3px
|
|
|
|
#send-message
|
|
background #fff
|
|
position relative
|
|
input
|
|
border none
|
|
height 30px
|
|
padding 0 10px
|
|
line-height 30px
|
|
vertical-align middle
|
|
width 580px
|
|
&:focus
|
|
outline 0
|
|
button
|
|
position absolute
|
|
top 5px
|
|
right 5px
|
|
|
|
button
|
|
download-button()
|