summaryrefslogtreecommitdiff
path: root/node_modules/socket.io/examples/chat/public/stylesheets/style.styl
blob: 6289c94d93acd02239557bab4f52b7f6351610d0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
@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()