SHOW:
|
|
- or go back to the newest paste.
1 | body { | |
2 | overflow: normal; | |
3 | margin: 1px; | |
4 | } | |
5 | ||
6 | #chat_box { | |
7 | background-color: transparent; | |
8 | font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif; | |
9 | text-shadow: 1px 0 0 #000000, -1px 0 0 #000000, 0 1px 0 #000000, 0 -1px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000; | |
10 | font-size: 30px; | |
11 | font-style: normal; | |
12 | font-variant: normal; | |
13 | font-weight: normal; | |
14 | position: absolute; | |
15 | vertical-align: bottom; | |
16 | /* overflow: hidden; */ | |
17 | color: #D3D3D3; | |
18 | border-radius: 4px; | |
19 | width: calc(85% - 10px); | |
20 | height: calc(104% - 10px); | |
21 | } | |
22 | ||
23 | .chat_line[data-nick="Chat"] { | |
24 | display: none !important; | |
25 | } | |
26 | ||
27 | .nick { | |
28 | font-weight: normal; | |
29 | text-transform: none; | |
30 | } | |
31 | ||
32 | .tag { | |
33 | display: inline-block; | |
34 | text-indent: 21px; | |
35 | background-position: 0 center; | |
36 | background-repeat: no-repeat; | |
37 | display: inline-block; | |
38 | vertical-align: bottom; | |
39 | height: 33px; | |
40 | min-width: 33px; | |
41 | width: expression(document.body.clientWidth < $width ? "18px":"auto"); | |
42 | padding: 0; | |
43 | margin-right: 3px; | |
44 | margin-bottom: -1px; | |
45 | text-indent: -9999px; | |
46 | border-radius: 2px; | |
47 | -moz-border-radius: 2px; | |
48 | -webkit-border-radius: 2px; | |
49 | overflow: hidden; | |
50 | } | |
51 | ||
52 | .turbo { | |
53 | background-color: #6441a5; | |
54 | background-size: 100%; | |
55 | } | |
56 | ||
57 | .mod { | |
58 | background-color: #34ae0a; | |
59 | background-size: 100%; | |
60 | } | |
61 | ||
62 | .broadcaster { | |
63 | background-color: #e71818; | |
64 | background-size: 100%; | |
65 | } | |
66 | ||
67 | .staff { | |
68 | background-color: #200f33; | |
69 | background-size: 100%; | |
70 | } | |
71 | ||
72 | .admin { | |
73 | background-color: #faaf19; | |
74 | background-size: 100%; | |
75 | } | |
76 | ||
77 | .global_mod { | |
78 | background-color: #0C6F20; | |
79 | background-size: 100%; | |
80 | } | |
81 | ||
82 | .chat_line { | |
83 | margin-left: 3px; | |
84 | margin-right: 3px; | |
85 | padding-top: 2px; | |
86 | padding-bottom: 3px; | |
87 | line-height: 33px; | |
88 | position: bottom; | |
89 | } | |
90 | ||
91 | .chat_line .message { | |
92 | word-break: break-word !important; | |
93 | overflow: normal; | |
94 | position: bottom; | |
95 | /* text-align: justify-all; */ | |
96 | } | |
97 | ||
98 | .chat_line .time_stamp { | |
99 | display: none; | |
100 | padding-right: 3px; | |
101 | } | |
102 | ||
103 | .emoticon { | |
104 | margin-bottom: -7px; | |
105 | min-height: 44px; | |
106 | min-width: 44px; | |
107 | } |