git ssb - remove opinionation from stylesheet

Commit c7e6d29b42d5c8650b1fdc63b08926ade061eb38

remove opinionation from stylesheet

Ev Bogue committed on 8/4/2016, 5:18:50 PM
Parent: f620b921a2133b93e775316a92ac76a61ba55798

Files changed

changed

style.cssView
		@@ -1,10 +1,4 @@
1		-body {
2		- font-family: "Source Sans Pro", sans-serif;
3		-}
4		-
5		-p { margin-top: .35ex;}
6		-
7	1	.screen {
8	2	position: absolute;
9	3	top: 0px; bottom: 0px;
10	4	left: 0px; right: 0px;
		@@ -13,159 +7,123 @@
13	7
14	8	.column {
15	9	display: flex;
16	10	flex-direction: column;
17		- background: #f5f5f5;
18	11	min-height: 0px;
19	12	}
20	13
21	14	.row {
22	15	display: flex;
23	16	flex-direction: row;
24	17	}
25	18
26		-.wrap {
27		- display: flex;
28		- flex-direction: row;
29		- flex-wrap: wrap;
30		-}
31		-
32		-.stretch {
33		- flex-basis: 0;
34		-}
35		-
36		-.fixed {
37		- flex-grow: 1;
38		- flex-shrink: 1;
39		-}
40		-
41	19	.scroll-y {
42	20	overflow-y: auto;
43	21	}
44	22
45	23	.scroll-x {
46	24	overflow-x: auto;
47	25	}
48	26
49		-.button {
50		- border: 2px; margin: 3px;
51		- max-width: 50px;
52		- overflow-x: hidden;
53		-}
54		-
55		-
56		-.message img {
	27	+pre {
57	28	max-width: 100%;
58		- display: block;
	29	+ white-space: pre-wrap;
59	30	}
60	31
61		-pre {
62		- max-width: 650px;
63		- white-space: pre-wrap;
	32	+p {
	33	+ margin-top: .35ex;
64	34	}
65	35
66	36	/* scrolling feeds, threads */
67	37
68	38	.scroller {
	39	+ max-width: 600px;
69	40	width: 100%;
70	41	}
71	42
72		-.scroller > * {
	43	+.scroller {
73	44	margin-left: auto;
74	45	margin-right: auto;
75	46	}
76	47
77	48	.scroller__wrapper {
78		- width: 100%;
	49	+ flex: 1;
79	50	}
80	51
81		-@media (min-width: 600px) {
82		- .scroller__wrapper {
83		- width: 600px;
84		- }
85		-}
86		-
87	52	/* --- hypertabs ------- */
88	53
89	54	.hypertabs__tabs {
90	55	overflow-y: hide;
91	56	}
92	57
93	58	.hypertabs > .row {
94		- flex-grow: 0; flex-shrink: 0;
95		- margin: 10px;
	59	+ flex-grow: 0;
	60	+ flex-shrink: 0;
	61	+ margin: .5ex;
96	62	}
97	63
98	64	.hypertabs__tabs > * {
99		- max-width: 50px;
	65	+ max-width: 3em;
100	66	overflow-x: hidden;
101		- margin-right: 5px;
102		- padding-top: 1px;
	67	+ margin-right: .5ex;
	68	+ padding-top: .1ex;
103	69	}
104	70
105	71	.hypertabs--selected {
106		- background: white;
107		- border: 1px solid #ccc;
	72	+ max-width: 3em;
	73	+ background: yellow;
108	74	padding-top: 0;
109		- padding-left: 5px;
110		- padding-right: 5px;
111		- max-width: 200px;
	75	+ padding-left: .5ex;
	76	+ padding-right: .5ex;
112	77	}
113	78
114		-/* message id */
115		-
116		-input {
117		- margin-left: 3px;
118		- margin-right: 3px;
119		- border: 1px solid #eee;
120		-}
121		-
122		-textarea {
123		- border: 1px solid #eee;
124		-}
125		-
126	79	/* compose */
127	80
128	81	.compose {
129		- width: 100%;
	82	+ width: 99%;
130	83	}
131	84
132	85	/* messages */
133	86
134	87	.message {
135		- border: 1px solid #eee;
136		- padding: 7px;
137		- margin-top: .5em;
138		- background: white;
139	88	display: block;
140	89	flex-basis: 0;
141		- max-width: 100%;
142		- min-width: 300px;
143		- word-wrap:break-word;
144		- display:inline-block;
	90	+ word-wrap: break-word;
	91	+ display: inline-block;
	92	+ border: 1px solid #eee;
145	93	}
146	94
147	95	.message_meta input {
148		- border: none;
149	96	font-size: .8em;
150		- color: #666;
151		- background: #ddd;
152	97	}
153	98
154	99	.message_meta {
155	100	margin-left: auto;
156	101	}
	102	+
157	103	.message_meta > * {
158		- margin-left: 5px;
	104	+ margin-left: .5ex;
159	105	}
	106	+
160	107	.message_actions {
161	108	float: right;
	109	+ margin-right: .5ex;
	110	+ margin-bottom: .5ex;
162	111	}
163	112
	113	+.title {
	114	+ padding: .5ex;
	115	+}
	116	+
	117	+.message img {
	118	+ max-width: 100%;
	119	+}
	120	+
164	121	.actions > * {
165	122	padding-left: 5px;
166	123	margin-left: 1px;
167	124	}
	125	+
168	126	.actions > :not(:last-child) {
169	127	border-right: 2px solid #eee;
170	128	padding-right: 5px;
171	129	}
		@@ -174,138 +132,87 @@
174	132	margin-left: 0;
175	133	}
176	134
177	135	.message_content {
178		- margin-top: 5px;
179		- border-top: 1px solid #eee;
180		- padding-top: 3px;
	136	+ padding: .5ex;
181	137	}
182	138
183	139	/* -- suggest box */
184	140
185		-
186	141	.suggest-box > * {
187		- background: #f5f5f5;
188		- border: 1px solid #ccc;
189		- margin: 3px;
	142	+ margin: .5ex;
190	143	}
191	144
192	145	.suggest-box {
193		- width: 200px;
	146	+ width: 5em;
194	147	}
195	148
196	149	.suggest-box ul {
197	150	list-style-type: none;
198		- padding-left: -20px;
	151	+ padding-left: -2em;
199	152	}
200	153
201	154	.suggest-box .selected {
202		- background: #ccc;
	155	+ background: yellow;
203	156	}
204	157
205		-.suggest-box img {
206		- width: 40px;
207		-}
208		-.suggest-box,.selected img {
209		- width: 200px;
210		-}
211	158	/* avatar */
212	159
213	160	.avatar {
214	161	display: flex;
215	162	flex-direction: row;
216	163	}
217	164
218	165	.avatar--large {
219		- width: 256px;
220		- height: 256px;
221		- border: 1px solid #eee;
	166	+ width: 10em;
	167	+ height: 10em;
222	168	}
223	169
224	170	.avatar--thumbnail {
225		- width: 40px;
226		- height: 40px;
227		- margin-right: 3px;
228		- border: 1px solid #ccc;
	171	+ width: 2.5em;
	172	+ height: 2.5em;
	173	+ margin-right: .5ex;
229	174	}
230	175
231	176	.avatar--fullsize {
232	177	width: 100%;
233	178	}
234	179
235	180	.profile {
236		- background: #fff;
237		- padding: .5em;
238		- border: 1px solid #eee;
	181	+ padding: .5ex;
	182	+ overflow: auto;
239	183	}
240	184
	185	+.profile input {
	186	+ width: 100%;
	187	+}
	188	+
241	189	.profile__info {
242	190	margin-left: .5em;
243	191	}
244	192
245	193	/* lightbox - used in message-confirm */
246	194
247		-.lightbox__content {
	195	+.lightbox {
248	196	overflow: auto;
249		- background: #fff;
250		- width: 100%;
251		- margin-left: auto;
252		- margin-right: auto;
253		- border: 1px solid #eee;
254		- top: 2em;
255		- bottom: 2em;
256		- left: 2em;
257		- right: 2em;
258	197	padding: 1em;
	198	+ background: white;
259	199	}
260	200
261		-@media (min-width: 600px) {
262		- .lightbox__content {
263		- width: 600px;
264		- }
265		-}
266		-
267		-.message-confirm {
268		- background: #fff;
269		-}
270		-
271	201	/* searchprompt */
272	202
273	203	.searchprompt {
274		- width: 250px;
275		- margin-left: 10px;
276		- margin-bottom: 5px;
	204	+ width: 17em;
	205	+ margin-left: .5ex;
	206	+ margin-bottom: .5ex;
277	207	}
278	208
279		-a {
280		- color: #333;
281		-}
282		-
283		-a:hover {
284		- color: #000;
285		-}
286		-
287	209	/* TextNodeSearcher highlights */
288	210
289		-highlight {
	211	+.highlight {
290	212	background: yellow;
291	213	}
292	214
293		-/* --- network status --- */
294		-
295		-.status {
296		- width: 20px;
297		- height: 20px;
298		- position: fixed;
299		- right: 10px;
300		- top: 10px;
301		- background: green;
302		-}
303		-
304		-.error {
305		- background: red;
306		-}
307		-
308	215	/* avatar editor */
309	216
310	217	.hypercrop__canvas {
311	218	width: 100%;
		@@ -323,11 +230,27 @@
323	230	.git-table-wrapper table {
324	231	width: 100%;
325	232	}
326	233
	234	+/* --- network status --- */
	235	+
	236	+.status {
	237	+ width: 1em;
	238	+ height: 1em;
	239	+ position: fixed;
	240	+ right: .5em;
	241	+ top: .5em;
	242	+ border-radius: 100%;
	243	+ background: green;
	244	+}
	245	+
	246	+.error {
	247	+ background: red;
	248	+}
	249	+
	250	+
327	251	/* invite codes */
328	252
329	253	.hyperprogress__liquid {
330		- height: 1px;
	254	+ height: 1ex;
331	255	background: blue;
332	256	}
333		-

Built with git-ssb-web

Dominic / patchbay

Commit c7e6d29b42d5c8650b1fdc63b08926ade061eb38

remove opinionation from stylesheet

Files changed