www.lurk.org

LURK www landing page
git clone https://git.lurk.org/repos/www.lurk.org.git
Log | Files | Refs

muc.css (3514B)

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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143

@font-face {
  font-family: 'Route159-SemiBold';
  src: url('https://lurk.org/fonts/Route159-SemiBold.woff') format('woff');
}

html * {
  scrollbar-color: #7800FF #FFFFFF;
  scrollbar-width: unset;
}

/* chat head */
#conversejs .chat-head,
#conversejs .chat-head .chat-head__desc {
  color: white;
  font-size: 1.05em;
  
}

#conversejs .message.chat-msg .chat-msg__avatar image {
  height: 64px;
  width: 64px;
}

#conversejs .message.chat-msg .chat-msg__avatar {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0.2 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 1 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

/* quick and dirty, because converse.css is a 15K lines nightmare */
#conversejs, #conversejs-bg, .converse-fullscreen {
  --global-background-color: #FFCD3F;
  --redder-orange: #7800FF;
  --message-text-color: #7800FF;
  --text-color: #7800FF;
  --light-blue: #FFCD3F;
  --subdued-color: #FFCD3F;
  --chatroom-correcting-color: #FFCD3F;
  --primary-color-dark: #7800FF;
  --normal-font: 'Route159-SemiBold', monospace;
  --heading-font: 'Route159-SemiBold', monospace;
  --font-size-tiny: 1.05em;
  --font-size-small: 1.05em;
  --font-size: 1.05em;
  --font-size-large: 1.05em;
  --font-size-huge: 1.05em;
  --line-height-small: 1.3em;
  --line-height: 1.3em;
  --line-height-large: 1.3em;
  --line-height-huge: 1.3em;
  --message-avatar-height: 64px;
  --message-avatar-width: 64px;
  --chat-textarea-color: #7800FF;
}

#conversejs body {
  font-size: 1.05em;
}

#conversejs.converse-embedded .chatroom .box-flyout .chat-head__desc,
#conversejs.converse-fullscreen .chatroom .box-flyout .chat-head__desc,
#conversejs.converse-mobile .chatroom .box-flyout .chat-head__desc {
  font-size: 1.05em;
}

#conversejs .message.chat-info {
  font-size: 1.05em;
}

#conversejs .message.chat-info.chat-event {
  font-style:  normal;
}

#conversejs .chatroom .box-flyout .chatroom-body .chat-topic,
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chat-topic {
  font-weight: normal;
}

#conversejs .badge {
  font-weight: normal;
  font-size: 1.05em;
}

#conversejs .chatbox .chat-content {
  line-height: 1.3em;
}

#conversejs .chatroom .box-flyout .chatroom-body .chat-info,
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chat-info {
  line-height: 1.3em;
  color: #000000;
  background-color: #FFCD3F;
}

#conversejs .message .mention {
  display: inline-block;
  padding: .25em .4em;
  text-align: center;
  white-space: nowrap;
  border-radius: .25rem;
  color: #000000;
  font-size: 1.05em;
  font-weight: normal;
  background-color: #FFCD3F;
}

#conversejs .message.chat-msg .chat-msg__heading .chat-msg__author {
  display: inline-block;
  padding: .25em .4em;
  text-align: center;
  white-space: nowrap;
  border-radius: .25rem;
  color: #FFFFFF;
  font-size: 1.05em;
  font-weight: normal;
  background-color: #7800FF;
}

#conversejs .message.chat-msg .chat-msg__heading .chat-msg__time {
  display: inline-block;
  padding: .25em .4em;
  text-align: center;
  white-space: nowrap;
  color: #7800FF;
  font-size: 1.05em;
}

#conversejs .btn {
  transition: unset;
}

#conversejs .form-control {
  color: #7800FF;
  transition: unset;
}

#conversejs .message.chat-msg.chat-msg--followup .chat-msg__content {
    margin-left: 4.5rem;
}

#conversejs .form-control:focus {
    color: #7800FF;
    border-color: unset;
    box-shadow: unset;
}