Files: 612b9afbdd5bbeaf56306ee43dd7e0d3d6599a16 / style.css
3548 bytesRaw
1 | body { |
2 | background: black; |
3 | font-family: sans-serif; |
4 | color: #ddd; |
5 | font-size: 1em; |
6 | } |
7 | |
8 | .hyperscroll { |
9 | width: 100%; |
10 | } |
11 | |
12 | a { |
13 | color: #f5f5f5; |
14 | } |
15 | |
16 | .hyperscroll > .content { |
17 | max-width: 680px; |
18 | margin-left: auto; |
19 | margin-right: auto; |
20 | } |
21 | |
22 | .message, .embedded { |
23 | display: block; |
24 | margin: .6em; |
25 | background: #111; |
26 | padding: .5em; |
27 | } |
28 | |
29 | .embedded { |
30 | border-left: 1px solid #666; |
31 | padding-left: 1em; |
32 | } |
33 | |
34 | .message img { |
35 | max-width: 100%; |
36 | } |
37 | |
38 | .timestamp { |
39 | float: right; |
40 | } |
41 | |
42 | .avatar--small img { |
43 | vertical-align: top; |
44 | width: 1.4em; |
45 | height: 1.4em; |
46 | margin-right: .2em; |
47 | } |
48 | |
49 | .compose { |
50 | background: #222; |
51 | color: #ccc; |
52 | width: 100%; |
53 | height: 100px; |
54 | border: none; |
55 | } |
56 | |
57 | .emoji { |
58 | float: left; |
59 | width: 1.4em; |
60 | vertical-align: top; |
61 | } |
62 | |
63 | pre { |
64 | width: 100%; |
65 | display: block; |
66 | } |
67 | |
68 | code { |
69 | display: inline-block; |
70 | vertical-align: bottom; |
71 | } |
72 | |
73 | code, pre { |
74 | overflow: auto; |
75 | word-break: break-all; |
76 | word-wrap: break-word; |
77 | white-space: pre; |
78 | white-space: -moz-pre-wrap; |
79 | white-space: pre-wrap; |
80 | white-space: pre\9; |
81 | } |
82 | |
83 | |
84 | .btn { |
85 | display: inline-block; |
86 | *display: inline; |
87 | padding: 3px 6px; |
88 | margin-bottom: 0; |
89 | *margin-left: .3em; |
90 | font-size: 14px; |
91 | line-height: 20px; |
92 | color: #333333; |
93 | text-align: center; |
94 | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
95 | vertical-align: middle; |
96 | cursor: pointer; |
97 | background-color: #f5f5f5; |
98 | *background-color: #e6e6e6; |
99 | background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); |
100 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); |
101 | background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); |
102 | background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); |
103 | background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); |
104 | background-repeat: repeat-x; |
105 | border: 1px solid #cccccc; |
106 | *border: 0; |
107 | border-color: #e6e6e6 #e6e6e6 #bfbfbf; |
108 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
109 | border-bottom-color: #b3b3b3; |
110 | -webkit-border-radius: 4px; |
111 | -moz-border-radius: 4px; |
112 | border-radius: 4px; |
113 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); |
114 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
115 | *zoom: 1; |
116 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
117 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
118 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
119 | } |
120 | |
121 | |
122 | .btn:hover, |
123 | .btn:focus, |
124 | .btn:active, |
125 | .btn.active, |
126 | .btn.disabled, |
127 | .btn[disabled] { |
128 | color: #333333; |
129 | background-color: #e6e6e6; |
130 | *background-color: #d9d9d9; |
131 | } |
132 | |
133 | .btn:active, |
134 | .btn.active { |
135 | background-color: #cccccc \9; |
136 | } |
137 | |
138 | .btn:first-child { |
139 | *margin-left: 0; |
140 | } |
141 | |
142 | .btn:hover, |
143 | .btn:focus { |
144 | color: #333333; |
145 | text-decoration: none; |
146 | background-position: 0 -15px; |
147 | -webkit-transition: background-position 0.1s linear; |
148 | -moz-transition: background-position 0.1s linear; |
149 | -o-transition: background-position 0.1s linear; |
150 | transition: background-position 0.1s linear; |
151 | } |
152 | |
153 | .btn:focus { |
154 | outline: thin dotted #333; |
155 | outline: 5px auto -webkit-focus-ring-color; |
156 | outline-offset: -2px; |
157 | } |
158 | |
159 | .btn.active, |
160 | .btn:active { |
161 | background-image: none; |
162 | outline: 0; |
163 | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
164 | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
165 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
166 | } |
167 | |
168 |
Built with git-ssb-web