git ssb

16+

Dominic / patchbay



Commit 3003c7f2e378ab411b09eaa11adef56245af1868

stripped down css

Joran committed on 12/15/2016, 5:24:19 AM
Parent: e3a918ef0b3864578f624ca14e12fe1cf0079b3a

Files changed

style.csschanged
style.cssView
@@ -1,34 +1,5 @@
1-body {
2- font-family: sans-serif;
3-}
41
5-h1, h2, h3, h4, h5, h6, p, ul, ol {
6- margin-top: .35em;
7-}
8-
9-h1 { font-size: 1.2em; }
10-h2 { font-size: 1.18em; }
11-h3 { font-size: 1.15em; }
12-h4 { font-size: 1.12em; }
13-h5 { font-size: 1.1em; }
14-h6 { font-size: 1em; }
15-
16-* {
17- word-break: break-word;
18-}
19-
20-a:link, a:visited, a:active {
21- color: #0088cc;
22- text-decoration: none;
23-}
24-
25-a:hover,
26-a:focus {
27- color: #005580;
28- text-decoration: underline;
29-}
30-
312 .screen {
323 position: absolute;
334 top: 0; bottom: 0;
345 left: 0; right: 0;
@@ -74,69 +45,12 @@
7445 overflow-x: auto;
7546 min-width: 0px;
7647 }
7748
78-pre {
79- white-space: pre-wrap;
80- word-wrap: break-word;
81-}
82-
8349 .wide {
8450 width: 100%;
8551 }
8652
87-p {
88- margin-top: .35ex;
89-}
90-
91-hr {
92- border: solid #eee;
93- clear: both;
94- border-width: 1px 0 0;
95- height: 0;
96- margin-bottom: .9em;
97-}
98-
99-input, textarea {
100- border: none;
101- border-radius: .2em;
102- font-family: sans-serif;
103-}
104-
105-input:focus, .compose:focus, .message:focus, button:focus {
106- outline: none;
107- border-color: #0088cc;
108- box-shadow: 0 0 4px #0088cc;
109-}
110-
111-textarea {
112- padding: .5em;
113- font-size: 1em;
114-}
115-
116-textarea:focus {
117- outline: none;
118- border-color: none;
119-}
120-
121-button {
122- background: #fff;
123- color: #666;
124- border: 1px solid #bbb;
125- border-radius: .5em;
126- padding: .7em;
127- margin: .5em;
128- cursor: pointer;
129- text-transform: uppercase;
130- font-weight: bold;
131- font-size: .7em;
132-}
133-
134-button:hover {
135- background: #ccc;
136- border: 1px solid #bbb;
137-}
138-
13953 .menu {
14054 position: absolute;
14155 top: .5em;
14256 right: .5em;
@@ -180,95 +94,17 @@
18094
18195 .message {
18296 position: relative;
18397 flex-basis: 0;
184- margin-top: .25em;
98 + margin-top: .25em;
18599 margin-bottom: .25em;
186100 padding: .2em;
187101 border-top: 1px solid #f5f5f5;
188102 // border-bottom: 1px solid #f5f5f5;
189103 background: white;
190104 }
191105
192-.message:hover {
193- background: #f9f9f9;
194-}
195106
196-.message--mini {
197- font-size: 1em;
198- margin: 0;
199- padding: .2em;
200- border: none;
201- background: inherit;
202-}
203-
204-.message_content div > span {
205- font-size: 0.9em;
206- margin-bottom: 0.7em;
207- display: block;
208- color: #888;
209-}
210-
211-.message_content--mini div > span {
212- display: inline-block;
213-}
214-
215-.message_content div > span a {
216- color: #005d8c;
217-}
218-
219-.message_meta input {
220- font-size: .8em;
221-}
222-
223-.message_meta {
224- margin-left: auto;
225-}
226-
227-.message_meta > * {
228- margin-left: .5ex;
229-}
230-
231-.message_actions {
232- position: absolute;
233- bottom: 0; right: 0;
234- margin-right: .5ex;
235- margin-bottom: .5ex;
236-}
237-
238-.title {
239- padding: .5ex;
240-}
241-
242-.message img {
243- max-width: 100%;
244-}
245-
246-.message > .title > .avatar {
247- margin-left: 0;
248-}
249-
250-.message_content {
251- padding: .5ex;
252-}
253-
254-.actions > * {
255- padding-left: 5px;
256- margin-left: 1px;
257-}
258-
259-.actions > :not(:last-child) {
260- border-right: 2px solid #eee;
261- padding-right: 5px;
262-}
263-
264-.emoji {
265- height: 1em;
266- width: 1em;
267- vertical-align: top;
268-}
269-
270-
271107 /* -- suggest box */
272108
273109 .suggest-box > * {
274110 display: block;
@@ -298,45 +134,8 @@
298134 height: 20px;
299135 width: 20px;
300136 }
301137
302-/* avatar */
303-
304-.avatar--large,
305-.avatar--thumbnail,
306-.avatar--fullsize {
307- border: 1px solid #eee;
308-}
309-
310-.avatar--large {
311- width: 10em;
312- height: 10em;
313-}
314-
315-.avatar--thumbnail {
316- width: 2.5em;
317- height: 2.5em;
318- float: left;
319- margin-right: .5ex;
320-}
321-
322-.avatar--fullsize {
323- width: 50%;
324-}
325-
326-.profile {
327- padding: .5ex;
328- overflow: auto;
329-}
330-
331-.profile input {
332- width: 100%;
333-}
334-
335-.profile__info {
336- margin-left: .5em;
337-}
338-
339138 /* lightbox - used in message-confirm */
340139
341140 .lightbox {
342141 overflow: auto;
@@ -405,19 +204,9 @@
405204 }
406205
407206 /* tabs */
408207
409-.header {
410- background: #f5f5f5;
411- border-bottom: 1px inset;
412- flex-shrink: 0;
413-}
414208
415-.header__tabs {
416- width: 100%;
417- min-width: 0px;
418-}
419-
420209 /* --- hypertabs ------- */
421210
422211 .hypertabs__tabs {
423212 min-width: 0px;
@@ -444,9 +233,9 @@
444233 border-bottom: none;
445234 padding-top: .56em;
446235 padding-left: 1em;
447236 border-left: 1px solid #ddd;
448- width: 100%;
237 + width: 100%;
449238 }
450239
451240 .hypertabs__tab > a {
452241 color: #666;
@@ -462,22 +251,11 @@
462251 z-index: 1;
463252 }
464253
465254 .hypertabs__x {
466- display: none;
255 + display: none;
467256 transform: translate(-4px, -3px);
468257 }
469258
470259 .hypertabs--selected .hypertabs__x {
471260 display: block;
472261 }
473-
474-/* progress bar */
475-
476-.hyperprogress__bar {
477- background: darkgrey;
478-}
479-.hyperprogress__liquid {
480- background: lightblue;
481-}
482-
483-

Built with git-ssb-web