git ssb

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