git ssb

2+

ev / mvd



Tree: a4b97d03ce9156f38cf2335b8ca41d935bb91615

Files: a4b97d03ce9156f38cf2335b8ca41d935bb91615 / style.css

3548 bytesRaw
1body {
2 background: black;
3 font-family: sans-serif;
4 color: #ddd;
5 font-size: 1em;
6}
7
8.hyperscroll {
9 width: 100%;
10}
11
12a {
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
63pre {
64 width: 100%;
65 display: block;
66}
67
68code {
69 display: inline-block;
70 vertical-align: bottom;
71}
72
73code, pre {
74overflow: auto;
75word-break: break-all;
76word-wrap: break-word;
77white-space: pre;
78white-space: -moz-pre-wrap;
79white-space: pre-wrap;
80white-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