git ssb

1
body {
2
  margin: 0;
3
  background: #141414;
4
  font-family: sans-serif;
5
  color: #d5d5d5;
6
  font-size: 14px; 
7
  line-height: 20px;
8
}
9
10
#screen {
11
  position: absolute;
12
  top: 35px;
13
  bottom: 0px;
14
  left: 0px;
15
  right: 0px;
16
}
17
18
.hyperscroll {
19
  width: 100%;
20
}
21
22
.header {
23
  padding-bottom: .7em;
24
  border-bottom: 1px solid #252525;
25
}
26
27
h1, h2, h3, h4, h5, h6 {
28
  font-size: 1.2em;
29
  margin-top: .35ex;
30
}
31
32
p {
33
  margin-top: .35ex;
34
  margin-bottom: 10px;
35
}
36
37
38
a {
39
  color: white;
40
  *text-decoration: none;
41
}
42
43
a:hover {
44
  color: #ddd;
45
}
46
47
.navbar a {
48
  color: #999;
49
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
50
  text-decoration: none;
51
}
52
53
.navbar a:hover, .navbar a:focus {
54
  color: #fff;
55
  text-decoration: none;
56
}
57
58
.navbar {
59
  background: #1b1b1b;
60
  background: linear-gradient(#222, #111);
61
  border-bottom: 1px solid #252525;
62
}
63
64
.navbar {
65
  width: 100%;
66
  position: fixed;
67
  z-index: 1000;
68
  margin: 0;
69
  padding-top: .3em;
70
  padding-bottom: .3em;
71
  left: 0; right: 0;
72
  top: 0;
73
}
74
75
.navbar .internal {
76
  max-width: 680px;
77
  margin-left: auto;
78
  margin-right: auto;
79
}
80
81
.navbar li {
82
  margin-top: .3em;
83
  float: left;
84
  margin-right: .6em;
85
  margin-left: .3em;
86
  list-style-type: none;
87
}
88
89
.navbar li.right {
90
  padding-left: .4em;
91
  padding-right: .4em;
92
  margin-top: .3em;
93
  margin-right: 1.7em;
94
  float: right;
95
  list-style-type: none;
96
  background: #333;
97
  border-radius: 100%;
98
}
99
100
.hyperscroll > .content {
101
  max-width: 680px;
102
  margin-left: auto;
103
  margin-right: auto;
104
}
105
106
.message, .message > *, .navbar, .navbar > * {
107
  animation: fadein .5s;
108
}
109
110
@keyframes fadein {
111
    from { opacity: 0; }
112
    to   { opacity: 1; }
113
}
114
115
.message, .embedded {
116
  display: block;
117
  margin: .6em;
118
  background: #111;
119
  padding: .7em;
120
  border-radius: 3px;
121
  border: 1px solid #252525;
122
}
123
124
.embedded {
125
  padding-left: 1em;
126
}
127
128
.message:hover, .embedded:hover {
129
  background: #141414;
130
}
131
132
.message img {
133
  max-width: 100%;
134
}
135
136
.timestamp, .votes {
137
  float: right;
138
}
139
 
140
.avatar--small img {
141
  vertical-align: top;
142
  width: 1.4em;
143
  height: 1.4em;
144
  margin-right: .2em;
145
}
146
147
.compose {
148
  background: #222;
149
  color: #ccc;
150
  width: 100%;
151
  height: 100px;
152
  border: 1px solid #252525;
153
  border-radius: 3px;
154
}
155
156
.emoji {
157
  float: left;
158
  width: 1em;
159
  vertical-align: top;
160
}
161
162
pre {
163
  width: 100%;
164
  display: block;
165
}
166
167
code {
168
  display: inline-block;
169
  vertical-align: bottom;
170
}
171
172
code, pre {
173
overflow: auto;
174
word-break: break-all;
175
word-wrap: break-word;
176
white-space: pre;
177
white-space: -moz-pre-wrap;
178
white-space: pre-wrap;
179
white-space: pre\9;
180
}
181
182
183
.btn {
184
  display: inline-block;
185
  *display: inline;
186
  padding: 2px 6px;
187
  margin-bottom: 0;
188
  margin-right: .2em;
189
  font-size: 14px;
190
  line-height: 20px;
191
  color: #d5d5d5;
192
  text-align: center;
193
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
194
  vertical-align: middle;
195
  cursor: pointer;
196
  background-color: #222;
197
  border: 1px solid #222;
198
  border-radius: 4px;
199
}
200
201
202
.btn:hover,
203
.btn:focus,
204
.btn:active,
205
.btn.active,
206
.btn.disabled,
207
.btn[disabled] {
208
  color: white;
209
  background-color: black;
210
}
211
212
.btn:active,
213
.btn.active {
214
  background-color: #111;
215
}
216
217
.btn:first-child {
218
  *margin-left: 0;
219
}
220
221