git ssb

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