Commit: 92204847ffafe45d486df75b520cf1b33861b18c

1

-

* {

2

-

margin: 0;

3

-

padding: 0;

4

-

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

5

-

6

-

-moz-box-sizing: border-box;

7

-

-webkit-box-sizing: border-box;

8

-

box-sizing: border-box;

9

-

}

10

-

11

-

img

12

-

{

13

-

/* Prevent images from taking up too much space in comments */

14

-

max-width: 100%;

15

-

}

16

-

17

-

label

18

-

{

19

-

cursor: pointer;

20

-

font-weight: normal;

21

-

}

22

-

23

-

html, body

24

-

{

25

-

background-color: #fff; /* #f5f8fa; */

26

-

font-size: 1em;

27

-

height: 100%;

28

-

line-height: 1em;

29

-

margin: 0;

30

-

padding: 0;

31

-

width: 100%;

32

-

}

33

-

34

-

/* Page header */

35

-

.header

36

-

{

37

-

padding: 1em 0;

38

-

text-align: center;

39

-

}

40

-

41

-

/* Logo text */

42

-

.header a.logo,

43

-

.header a.logo:hover,

44

-

.header a.logo:visited

45

-

{

46

-

color: #000;

47

-

font-weight: bold;

48

-

text-decoration: none;

49

-

}

50

-

51

-

/* Logo picture */

52

-

.header a.logo > img

53

-

{

54

-

height: 1.5em;

55

-

margin: 0 1em;

56

-

vertical-align: middle;

57

-

}

58

-

59

-

/* Menu under the logo */

60

-

.header > .menu

61

-

{

62

-

padding: 1em 0;

63

-

}

64

-

65

-

.header > .menu > *

66

-

{

67

-

margin: 0 1em;

68

-

}

69

-

70

-

.header > .menu .new_messages

71

-

{

72

-

background-color: rgb(255, 175, 50);

73

-

border-radius: 4px;

74

-

color: #fff;

75

-

font-weight: bold;

76

-

margin: 0 .5em 0 0;

77

-

padding: 0em 0.5em;

78

-

text-decoration: none;

79

-

}

80

-

81

-

82

-

.content

83

-

{

84

-

padding: 1em 0;

85

-

line-height: 1.5em;

86

-

}

87

-

88

-

.content .vote

89

-

{

90

-

margin: 0 1.5em 0 0;

91

-

}

92

-

93

-

.content .vote > a

94

-

{

95

-

display: inline-block;

96

-

margin: 0;

97

-

overflow: hidden;

98

-

padding: 0;

99

-

text-decoration: none;

100

-

vertical-align: middle;

101

-

}

102

-

103

-

.content .vote img {

104

-

cursor: pointer;

105

-

height: 1em;

106

-

margin: 0;

107

-

padding: .2em;

108

-

float: left;

109

-

}

110

-

111

-

.content .vote .upvoted

112

-

{

113

-

background-color: #fff;

114

-

border: 1px solid #00E313;

115

-

border-radius: 999em;

116

-

}

117

-

118

-

.content .vote .downvoted

119

-

{

120

-

background-color: #fff;

121

-

border: 1px solid #FF0000;

122

-

border-radius: 999em;

123

-

}

124

-

125

-

.content .vote .count {

126

-

margin: 0 .5em;

127

-

}

128

-

129

-

/* Home page */

130

-

.content .posts

131

-

{

132

-

}

133

-

134

-

.content .posts .post

135

-

{

136

-

margin: 0 0 2em 0;

137

-

vertical-align: top;

138

-

}

139

-

140

-

.content .posts .post > .title

141

-

{

142

-

font-size: 1.5em;

143

-

}

144

-

145

-

.content .posts .post > .title > a

146

-

{

147

-

color: #000;

148

-

}

149

-

150

-

.content .posts .post > .info

151

-

{

152

-

color: #666;

153

-

margin: .5em 0;

154

-

opacity: .8;

155

-

}

156

-

157

-

/* New submission */

158

-

.content > form.submit

159

-

{

160

-

margin: auto;

161

-

max-width: 30em;

162

-

}

163

-

164

-

/* View a post */

165

-

.content > .post

166

-

{

167

-

}

168

-

169

-

/* Style used to format Markdown tables */

170

-

.content > .post table

171

-

{

172

-

background: #fff;

173

-

border-collapse: collapse;

174

-

text-align: left;

175

-

}

176

-

177

-

.content > .post table th

178

-

{

179

-

border-bottom: 2px solid #6678b1;

180

-

color: #039;

181

-

font-weight: normal;

182

-

padding: 0 1em;

183

-

}

184

-

185

-

.content > .post table td

186

-

{

187

-

border-bottom: 1px solid #ccc;

188

-

color: #669;

189

-

padding: .5em 1em;

190

-

}

191

-

192

-

.content > .post table tbody tr:hover td

193

-

{

194

-

color: #009;

195

-

}

196

-

197

-

/* The post title */

198

-

.content > .post > .title

199

-

{

200

-

font-size: 1.5em;

201

-

}

202

-

203

-

/* Info below post title */

204

-

.content > .post > .info

205

-

{

206

-

margin: 1em 0;

207

-

}

208

-

209

-

/* Post text */

210

-

.content > .post > .text

211

-

{

212

-

margin: 1em 2.5em;

213

-

word-wrap: break-word;

214

-

}

215

-

216

-

/* Post "new comment" form */

217

-

.content > .post > .new_comment

218

-

{

219

-

margin: 0 2.5em;

220

-

overflow: hidden;

221

-

}

222

-

223

-

.content > .post > .new_comment > textarea

224

-

{

225

-

height: 2.5em;

226

-

227

-

-webkit-transition: 1s;

228

-

transition: 1s;

229

-

}

230

-

231

-

.content > .post > .new_comment > textarea:focus

232

-

{

233

-

height: 10em;

234

-

}

235

-

236

-

.content > .post > .new_comment > input[type=submit]

237

-

{

238

-

float: right;

239

-

margin: 1em 0;

240

-

}

241

-

242

-

/* Comments tree for the Post page */

243

-

.content > .post > .comments

244

-

{

245

-

margin: 5em 0 0 0;

246

-

}

247

-

248

-

.content > .post > .comments > .comment

249

-

{

250

-

margin: 0 0 2em 0;

251

-

overflow: hidden;

252

-

}

253

-

254

-

.content > .post > .comments > .comment > .pin

255

-

{

256

-

color: #CD006B;

257

-

float: left;

258

-

font-size: .8em;

259

-

padding: 0 1em 0 0;

260

-

vertical-align: top;

261

-

}

262

-

263

-

.content > .post > .comments > .comment > .info

264

-

{

265

-

font-size: .9em;

266

-

margin: 0 0 0 1em;

267

-

}

268

-

269

-

.content > .post > .comments > .comment > .info .username > a,

270

-

.content > .post > .comments > .comment > .info .username > a:hover

271

-

{

272

-

font-weight: bold;

273

-

}

274

-

275

-

.content > .post > .comments > .comment > .info .op > a,

276

-

.content > .post > .comments > .comment > .info .op > a:hover

277

-

{

278

-

background-color: rgb(255, 175, 50);

279

-

border-radius: 4px;

280

-

color: #fff;

281

-

font-weight: bold;

282

-

margin: 0 .5em 0 0;

283

-

padding: 0em 0.5em;

284

-

text-decoration: none;

285

-

}

286

-

287

-

.content > .post > .comments > .comment > .info > .vote

288

-

{

289

-

margin: 0 1em;

290

-

}

291

-

292

-

.content > .post > .comments > .comment > .text

293

-

{

294

-

margin: .5em 0 0 1.5em;

295

-

word-wrap: break-word;

296

-

}

297

-

298

-

/* Give the comment that's linked to in the URL location hash a lightyellow background color */

299

-

.content > .post > .comments > .comment:target

300

-

{

301

-

background-color: lightyellow;

302

-

}

303

-

304

-

305

-

/* User home page */

306

-

.content table.user

307

-

{

308

-

/* If one length specified: both horizontal and vertical spacing

309

-

* If two length specified: first sets the horizontal spacing, and

310

-

* the second sets the vertical spacing

311

-

*/

312

-

border-spacing: 2em 1em;

313

-

border-collapse: separate;

314

-

margin: auto;

315

-

width: 80%;

316

-

}

317

-

318

-

.content table.user tr > td:first-child

319

-

{

320

-

font-weight: bold;

321

-

text-align: right;

322

-

vertical-align: top;

323

-

width: 30%;

324

-

}

325

-

326

-

.content table.user tr > td:last-child

327

-

{

328

-

text-align: left;

329

-

}

330

-

331

-

.content table.user tr > td:last-child label

332

-

{

333

-

padding: 1em 0;

334

-

}

335

-

336

-

/* User activity */

337

-

.content > .user_activity

338

-

{

339

-

}

340

-

341

-

.content > .user_activity > *

342

-

{

343

-

margin: 0 0 2em 0;

344

-

}

345

-

346

-

.content > .user_activity > * > .info

347

-

{

348

-

color: #888;

349

-

}

350

-

351

-

/* Login page */

352

-

.content > .login

353

-

{

354

-

margin: auto;

355

-

max-width: 20em;

356

-

}

357

-

358

-

.content > .login input[type=submit]

359

-

{

360

-

margin: 1em 0;

361

-

}

362

-

363

-

/* Edit a post or a comment */

364

-

.content > .edit

365

-

{

366

-

}

367

-

368

-

/* Reply to a comment */

369

-

.content > .reply

370

-

{

371

-

}

372

-

373

-

/* About page */

374

-

.content > .about

375

-

{

376

-

}

377

-

378

-

.content > .about > h3

379

-

{

380

-

margin: 1em 0 .5em 0;

381

-

}

382

-

383

-

.content > .about > p

384

-

{

385

-

line-height: 1.5em;

386

-

}

387

-

388

-

.footer

389

-

{

390

-

border-top: 1px solid #6ECFFF;

391

-

margin: 3em 0 0 0;

392

-

padding: 2em 0;

393

-

}

394

-

395

-

.footer img

396

-

{

397

-

height: 1.2em;

398

-

margin: 0 .5em 0 0;

399

-

vertical-align: middle;

400

-

}

401

-

402

-

.footer > ul

403

-

{

404

-

list-style: none;

405

-

margin: 0;

406

-

overflow: hidden;

407

-

padding: 0;

408

-

}

409

-

410

-

.footer > ul > li

411

-

{

412

-

float: left;

413

-

margin: 0 2em 0 0;

414

-

}

415

-

416

-

/* When users vote, this <iframe/> is used as target, such that

417

-

* the page is not reloaded

418

-

*/

419

-

.vote_sink

420

-

{

421

-

height: 1px;

422

-

left: -10px;

423

-

position: fixed;

424

-

top: -10px;

425

-

width: 1px;

426

-

}

426

>

\ No newline at end of file

1

+

*{margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}img{max-width:100%}label{cursor:pointer;font-weight:normal}html,body{background-color:#fff;font-size:1em;height:100%;line-height:1em;margin:0;padding:0;width:100%;}html .header,body .header{padding:1em 0;text-align:center;}html .header a.logo,body .header a.logo,html .header a.logo:hover,body .header a.logo:hover,html .header a.logo:visited,body .header a.logo:visited{color:#000;font-weight:bold;text-decoration:none;}html .header a.logo > img,body .header a.logo > img,html .header a.logo:hover > img,body .header a.logo:hover > img,html .header a.logo:visited > img,body .header a.logo:visited > img{height:1.5em;margin:0 1em;vertical-align:middle}html .header > .menu,body .header > .menu{padding:1em 0;}html .header > .menu > *,body .header > .menu > *{margin:0 1em}html .header > .menu .new_messages,body .header > .menu .new_messages{background-color:#ffaf32;border-radius:4px;color:#fff;font-weight:bold;margin:0 .5em 0 0;padding:0 .5em;text-decoration:none}html .content,body .content{padding:1em 0;line-height:1.5em;}html .content .vote,body .content .vote{margin:0 1.5em 0 0;}html .content .vote > a,body .content .vote > a{display:inline-block;margin:0;overflow:hidden;padding:0;text-decoration:none;vertical-align:middle}html .content .vote img,body .content .vote img{cursor:pointer;height:1em;margin:0;padding:.2em;float:left}html .content .vote .upvoted,body .content .vote .upvoted{background-color:#fff;border:1px solid #00e313;border-radius:999em}html .content .vote .downvoted,body .content .vote .downvoted{background-color:#fff;border:1px solid #f00;border-radius:999em}html .content .vote .count,body .content .vote .count{margin:0 .5em}html .content .posts .post,body .content .posts .post{margin:0 0 2em 0;vertical-align:top;}html .content .posts .post > .title,body .content .posts .post > .title{font-size:1.5em;}html .content .posts .post > .title > a,body .content .posts .post > .title > a{color:#000}html .content .posts .post > .info,body .content .posts .post > .info{color:#666;margin:.5em 0;opacity:.8}html .content > form.submit,body .content > form.submit{margin:auto;max-width:30em}html .content > .post table,body .content > .post table{background:#fff;border-collapse:collapse;text-align:left;}html .content > .post table th,body .content > .post table th{border-bottom:2px solid #6678b1;color:#039;font-weight:normal;padding:0 1em}html .content > .post table td,body .content > .post table td{border-bottom:1px solid #ccc;color:#669;padding:.5em 1em}html .content > .post table tbody tr:hover td,body .content > .post table tbody tr:hover td{color:#009}html .content > .post > .title,body .content > .post > .title{font-size:1.5em}html .content > .post .info,body .content > .post .info{margin:1em 0}html .content > .post > .text,body .content > .post > .text{margin:1em 2.5em;word-wrap:break-word}html .content > .post .new_comment,body .content > .post .new_comment{margin:0 2.5em;overflow:hidden;}html .content > .post .new_comment > textarea,body .content > .post .new_comment > textarea{height:2.5em;-webkit-transition:1s;transition:1s}html .content > .post .new_comment > textarea:focus,body .content > .post .new_comment > textarea:focus{height:10em}html .content > .post .new_comment > input[type=submit],body .content > .post .new_comment > input[type=submit]{float:right;margin:1em 0}html .content > .post > .comments,body .content > .post > .comments{margin:5em 0 0 0;}html .content > .post > .comments > .comment,body .content > .post > .comments > .comment{margin:0 0 2em 0;overflow:hidden;}html .content > .post > .comments > .comment > .pin,body .content > .post > .comments > .comment > .pin{color:#cd006b;float:left;font-size:.8em;padding:0 1em 0 0;vertical-align:top}html .content > .post > .comments > .comment > .info,body .content > .post > .comments > .comment > .info{font-size:.9em;margin:0 0 0 1em;}html .content > .post > .comments > .comment > .info .username > a,body .content > .post > .comments > .comment > .info .username > a,html .content > .post > .comments > .comment > .info .username > a:hover,body .content > .post > .comments > .comment > .info .username > a:hover{font-weight:bold}html .content > .post > .comments > .comment > .info .op > a,body .content > .post > .comments > .comment > .info .op > a,html .content > .post > .comments > .comment > .info .op > a:hover,body .content > .post > .comments > .comment > .info .op > a:hover{background-color:#ffaf32;border-radius:4px;color:#fff;font-weight:bold;margin:0 .5em 0 0;padding:0 .5em;text-decoration:none}html .content > .post > .comments > .comment > .info > .vote,body .content > .post > .comments > .comment > .info > .vote{margin:0 1em}html .content > .post > .comments > .comment > .text,body .content > .post > .comments > .comment > .text{margin:.5em 0 0 1.5em;word-wrap:break-word}html .content > .post .comment:target,body .content > .post .comment:target{background-color:#ffffe0}html > table.user,body > table.user{border-spacing:2em 1em;border-collapse:separate;margin:auto;width:80%;}html > table.user tr > td:first-child,body > table.user tr > td:first-child{font-weight:bold;text-align:right;vertical-align:top;width:30%}html > table.user tr > td:last-child,body > table.user tr > td:last-child{text-align:left;}html > table.user tr > td:last-child label,body > table.user tr > td:last-child label{padding:1em 0}html > .user_activity > *,body > .user_activity > *{margin:0 0 2em 0;}html > .user_activity > * > .info,body > .user_activity > * > .info{color:#888}html > .login,body > .login{margin:auto;max-width:20em;}html > .login input[type=submit],body > .login input[type=submit]{margin:1em 0}html > .about > h3,body > .about > h3{margin:1em 0 .5em 0}html > .about > p,body > .about > p{line-height:1.5em}.footer{border-top:1px solid #6ecfff;margin:3em 0 0 0;padding:2em 0;}.footer img{height:1.2em;margin:0 .5em 0 0;vertical-align:middle}.footer > ul{list-style:none;margin:0;overflow:hidden;padding:0;}.footer > ul > li{float:left;margin:0 2em 0 0}.vote_sink{height:1px;left:-10px;position:fixed;top:-10px;width:1px}

1

<

\ No newline at end of file

Author	zPlus <--> 2016-10-08 14:03:54
Committer	zPlus <--> 2016-10-08 14:03:54
Commit	9220484 (patch)
Tree	bd1ea46
Parent(s)	12b1864 (diff)

-rw-r--r--	README.md	8
-rw-r--r--	css/freepost.css	427
-rw-r--r--	css/freepost.styl	322

View	Unified Unified (raw) Side by side
Side	Normal Reverse
Whitespace	Include Ignore all Ignore amount changes Ignore at end of line
Context lines
Inter-hunk lines

			@@ -1,5 +1,13 @@
1	1		This is the code powering [freepost](http://freepo.st).
2	2
	3	+	# Development
	4	+
	5	+	## Stylesheets
	6	+
	7	+	Sources are in css/. They are compiled using Stylus. Run this command from the project's root:
	8	+
	9	+	$ stylus --watch --compress --disable-cache --out css/ css/
	10	+
3	11		# Contacts
4	12
5	13		If you have any questions please get in contact with us at [freepost](http://freepo.st).

			@@ -1,426 +1 @@
1		-	* {
2		-	margin: 0;
3		-	padding: 0;
4		-	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
5		-
6		-	-moz-box-sizing: border-box;
7		-	-webkit-box-sizing: border-box;
8		-	box-sizing: border-box;
9		-	}
10		-
11		-	img
12		-	{
13		-	/* Prevent images from taking up too much space in comments */
14		-	max-width: 100%;
15		-	}
16		-
17		-	label
18		-	{
19		-	cursor: pointer;
20		-	font-weight: normal;
21		-	}
22		-
23		-	html, body
24		-	{
25		-	background-color: #fff; /* #f5f8fa; */
26		-	font-size: 1em;
27		-	height: 100%;
28		-	line-height: 1em;
29		-	margin: 0;
30		-	padding: 0;
31		-	width: 100%;
32		-	}
33		-
34		-	/* Page header */
35		-	.header
36		-	{
37		-	padding: 1em 0;
38		-	text-align: center;
39		-	}
40		-
41		-	/* Logo text */
42		-	.header a.logo,
43		-	.header a.logo:hover,
44		-	.header a.logo:visited
45		-	{
46		-	color: #000;
47		-	font-weight: bold;
48		-	text-decoration: none;
49		-	}
50		-
51		-	/* Logo picture */
52		-	.header a.logo > img
53		-	{
54		-	height: 1.5em;
55		-	margin: 0 1em;
56		-	vertical-align: middle;
57		-	}
58		-
59		-	/* Menu under the logo */
60		-	.header > .menu
61		-	{
62		-	padding: 1em 0;
63		-	}
64		-
65		-	.header > .menu > *
66		-	{
67		-	margin: 0 1em;
68		-	}
69		-
70		-	.header > .menu .new_messages
71		-	{
72		-	background-color: rgb(255, 175, 50);
73		-	border-radius: 4px;
74		-	color: #fff;
75		-	font-weight: bold;
76		-	margin: 0 .5em 0 0;
77		-	padding: 0em 0.5em;
78		-	text-decoration: none;
79		-	}
80		-
81		-
82		-	.content
83		-	{
84		-	padding: 1em 0;
85		-	line-height: 1.5em;
86		-	}
87		-
88		-	.content .vote
89		-	{
90		-	margin: 0 1.5em 0 0;
91		-	}
92		-
93		-	.content .vote > a
94		-	{
95		-	display: inline-block;
96		-	margin: 0;
97		-	overflow: hidden;
98		-	padding: 0;
99		-	text-decoration: none;
100		-	vertical-align: middle;
101		-	}
102		-
103		-	.content .vote img {
104		-	cursor: pointer;
105		-	height: 1em;
106		-	margin: 0;
107		-	padding: .2em;
108		-	float: left;
109		-	}
110		-
111		-	.content .vote .upvoted
112		-	{
113		-	background-color: #fff;
114		-	border: 1px solid #00E313;
115		-	border-radius: 999em;
116		-	}
117		-
118		-	.content .vote .downvoted
119		-	{
120		-	background-color: #fff;
121		-	border: 1px solid #FF0000;
122		-	border-radius: 999em;
123		-	}
124		-
125		-	.content .vote .count {
126		-	margin: 0 .5em;
127		-	}
128		-
129		-	/* Home page */
130		-	.content .posts
131		-	{
132		-	}
133		-
134		-	.content .posts .post
135		-	{
136		-	margin: 0 0 2em 0;
137		-	vertical-align: top;
138		-	}
139		-
140		-	.content .posts .post > .title
141		-	{
142		-	font-size: 1.5em;
143		-	}
144		-
145		-	.content .posts .post > .title > a
146		-	{
147		-	color: #000;
148		-	}
149		-
150		-	.content .posts .post > .info
151		-	{
152		-	color: #666;
153		-	margin: .5em 0;
154		-	opacity: .8;
155		-	}
156		-
157		-	/* New submission */
158		-	.content > form.submit
159		-	{
160		-	margin: auto;
161		-	max-width: 30em;
162		-	}
163		-
164		-	/* View a post */
165		-	.content > .post
166		-	{
167		-	}
168		-
169		-	/* Style used to format Markdown tables */
170		-	.content > .post table
171		-	{
172		-	background: #fff;
173		-	border-collapse: collapse;
174		-	text-align: left;
175		-	}
176		-
177		-	.content > .post table th
178		-	{
179		-	border-bottom: 2px solid #6678b1;
180		-	color: #039;
181		-	font-weight: normal;
182		-	padding: 0 1em;
183		-	}
184		-
185		-	.content > .post table td
186		-	{
187		-	border-bottom: 1px solid #ccc;
188		-	color: #669;
189		-	padding: .5em 1em;
190		-	}
191		-
192		-	.content > .post table tbody tr:hover td
193		-	{
194		-	color: #009;
195		-	}
196		-
197		-	/* The post title */
198		-	.content > .post > .title
199		-	{
200		-	font-size: 1.5em;
201		-	}
202		-
203		-	/* Info below post title */
204		-	.content > .post > .info
205		-	{
206		-	margin: 1em 0;
207		-	}
208		-
209		-	/* Post text */
210		-	.content > .post > .text
211		-	{
212		-	margin: 1em 2.5em;
213		-	word-wrap: break-word;
214		-	}
215		-
216		-	/* Post "new comment" form */
217		-	.content > .post > .new_comment
218		-	{
219		-	margin: 0 2.5em;
220		-	overflow: hidden;
221		-	}
222		-
223		-	.content > .post > .new_comment > textarea
224		-	{
225		-	height: 2.5em;
226		-
227		-	-webkit-transition: 1s;
228		-	transition: 1s;
229		-	}
230		-
231		-	.content > .post > .new_comment > textarea:focus
232		-	{
233		-	height: 10em;
234		-	}
235		-
236		-	.content > .post > .new_comment > input[type=submit]
237		-	{
238		-	float: right;
239		-	margin: 1em 0;
240		-	}
241		-
242		-	/* Comments tree for the Post page */
243		-	.content > .post > .comments
244		-	{
245		-	margin: 5em 0 0 0;
246		-	}
247		-
248		-	.content > .post > .comments > .comment
249		-	{
250		-	margin: 0 0 2em 0;
251		-	overflow: hidden;
252		-	}
253		-
254		-	.content > .post > .comments > .comment > .pin
255		-	{
256		-	color: #CD006B;
257		-	float: left;
258		-	font-size: .8em;
259		-	padding: 0 1em 0 0;
260		-	vertical-align: top;
261		-	}
262		-
263		-	.content > .post > .comments > .comment > .info
264		-	{
265		-	font-size: .9em;
266		-	margin: 0 0 0 1em;
267		-	}
268		-
269		-	.content > .post > .comments > .comment > .info .username > a,
270		-	.content > .post > .comments > .comment > .info .username > a:hover
271		-	{
272		-	font-weight: bold;
273		-	}
274		-
275		-	.content > .post > .comments > .comment > .info .op > a,
276		-	.content > .post > .comments > .comment > .info .op > a:hover
277		-	{
278		-	background-color: rgb(255, 175, 50);
279		-	border-radius: 4px;
280		-	color: #fff;
281		-	font-weight: bold;
282		-	margin: 0 .5em 0 0;
283		-	padding: 0em 0.5em;
284		-	text-decoration: none;
285		-	}
286		-
287		-	.content > .post > .comments > .comment > .info > .vote
288		-	{
289		-	margin: 0 1em;
290		-	}
291		-
292		-	.content > .post > .comments > .comment > .text
293		-	{
294		-	margin: .5em 0 0 1.5em;
295		-	word-wrap: break-word;
296		-	}
297		-
298		-	/* Give the comment that's linked to in the URL location hash a lightyellow background color */
299		-	.content > .post > .comments > .comment:target
300		-	{
301		-	background-color: lightyellow;
302		-	}
303		-
304		-
305		-	/* User home page */
306		-	.content table.user
307		-	{
308		-	/* If one length specified: both horizontal and vertical spacing
309		-	* If two length specified: first sets the horizontal spacing, and
310		-	* the second sets the vertical spacing
311		-	*/
312		-	border-spacing: 2em 1em;
313		-	border-collapse: separate;
314		-	margin: auto;
315		-	width: 80%;
316		-	}
317		-
318		-	.content table.user tr > td:first-child
319		-	{
320		-	font-weight: bold;
321		-	text-align: right;
322		-	vertical-align: top;
323		-	width: 30%;
324		-	}
325		-
326		-	.content table.user tr > td:last-child
327		-	{
328		-	text-align: left;
329		-	}
330		-
331		-	.content table.user tr > td:last-child label
332		-	{
333		-	padding: 1em 0;
334		-	}
335		-
336		-	/* User activity */
337		-	.content > .user_activity
338		-	{
339		-	}
340		-
341		-	.content > .user_activity > *
342		-	{
343		-	margin: 0 0 2em 0;
344		-	}
345		-
346		-	.content > .user_activity > * > .info
347		-	{
348		-	color: #888;
349		-	}
350		-
351		-	/* Login page */
352		-	.content > .login
353		-	{
354		-	margin: auto;
355		-	max-width: 20em;
356		-	}
357		-
358		-	.content > .login input[type=submit]
359		-	{
360		-	margin: 1em 0;
361		-	}
362		-
363		-	/* Edit a post or a comment */
364		-	.content > .edit
365		-	{
366		-	}
367		-
368		-	/* Reply to a comment */
369		-	.content > .reply
370		-	{
371		-	}
372		-
373		-	/* About page */
374		-	.content > .about
375		-	{
376		-	}
377		-
378		-	.content > .about > h3
379		-	{
380		-	margin: 1em 0 .5em 0;
381		-	}
382		-
383		-	.content > .about > p
384		-	{
385		-	line-height: 1.5em;
386		-	}
387		-
388		-	.footer
389		-	{
390		-	border-top: 1px solid #6ECFFF;
391		-	margin: 3em 0 0 0;
392		-	padding: 2em 0;
393		-	}
394		-
395		-	.footer img
396		-	{
397		-	height: 1.2em;
398		-	margin: 0 .5em 0 0;
399		-	vertical-align: middle;
400		-	}
401		-
402		-	.footer > ul
403		-	{
404		-	list-style: none;
405		-	margin: 0;
406		-	overflow: hidden;
407		-	padding: 0;
408		-	}
409		-
410		-	.footer > ul > li
411		-	{
412		-	float: left;
413		-	margin: 0 2em 0 0;
414		-	}
415		-
416		-	/* When users vote, this <iframe/> is used as target, such that
417		-	* the page is not reloaded
418		-	*/
419		-	.vote_sink
420		-	{
421		-	height: 1px;
422		-	left: -10px;
423		-	position: fixed;
424		-	top: -10px;
425		-	width: 1px;
426		-	}
426		>	\ No newline at end of file
	1	+	{margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}img{max-width:100%}label{cursor:pointer;font-weight:normal}html,body{background-color:#fff;font-size:1em;height:100%;line-height:1em;margin:0;padding:0;width:100%;}html .header,body .header{padding:1em 0;text-align:center;}html .header a.logo,body .header a.logo,html .header a.logo:hover,body .header a.logo:hover,html .header a.logo:visited,body .header a.logo:visited{color:#000;font-weight:bold;text-decoration:none;}html .header a.logo > img,body .header a.logo > img,html .header a.logo:hover > img,body .header a.logo:hover > img,html .header a.logo:visited > img,body .header a.logo:visited > img{height:1.5em;margin:0 1em;vertical-align:middle}html .header > .menu,body .header > .menu{padding:1em 0;}html .header > .menu > ,body .header > .menu > {margin:0 1em}html .header > .menu .new_messages,body .header > .menu .new_messages{background-color:#ffaf32;border-radius:4px;color:#fff;font-weight:bold;margin:0 .5em 0 0;padding:0 .5em;text-decoration:none}html .content,body .content{padding:1em 0;line-height:1.5em;}html .content .vote,body .content .vote{margin:0 1.5em 0 0;}html .content .vote > a,body .content .vote > a{display:inline-block;margin:0;overflow:hidden;padding:0;text-decoration:none;vertical-align:middle}html .content .vote img,body .content .vote img{cursor:pointer;height:1em;margin:0;padding:.2em;float:left}html .content .vote .upvoted,body .content .vote .upvoted{background-color:#fff;border:1px solid #00e313;border-radius:999em}html .content .vote .downvoted,body .content .vote .downvoted{background-color:#fff;border:1px solid #f00;border-radius:999em}html .content .vote .count,body .content .vote .count{margin:0 .5em}html .content .posts .post,body .content .posts .post{margin:0 0 2em 0;vertical-align:top;}html .content .posts .post > .title,body .content .posts .post > .title{font-size:1.5em;}html .content .posts .post > .title > a,body .content .posts .post > .title > a{color:#000}html .content .posts .post > .info,body .content .posts .post > .info{color:#666;margin:.5em 0;opacity:.8}html .content > form.submit,body .content > form.submit{margin:auto;max-width:30em}html .content > .post table,body .content > .post table{background:#fff;border-collapse:collapse;text-align:left;}html .content > .post table th,body .content > .post table th{border-bottom:2px solid #6678b1;color:#039;font-weight:normal;padding:0 1em}html .content > .post table td,body .content > .post table td{border-bottom:1px solid #ccc;color:#669;padding:.5em 1em}html .content > .post table tbody tr:hover td,body .content > .post table tbody tr:hover td{color:#009}html .content > .post > .title,body .content > .post > .title{font-size:1.5em}html .content > .post .info,body .content > .post .info{margin:1em 0}html .content > .post > .text,body .content > .post > .text{margin:1em 2.5em;word-wrap:break-word}html .content > .post .new_comment,body .content > .post .new_comment{margin:0 2.5em;overflow:hidden;}html .content > .post .new_comment > textarea,body .content > .post .new_comment > textarea{height:2.5em;-webkit-transition:1s;transition:1s}html .content > .post .new_comment > textarea:focus,body .content > .post .new_comment > textarea:focus{height:10em}html .content > .post .new_comment > input[type=submit],body .content > .post .new_comment > input[type=submit]{float:right;margin:1em 0}html .content > .post > .comments,body .content > .post > .comments{margin:5em 0 0 0;}html .content > .post > .comments > .comment,body .content > .post > .comments > .comment{margin:0 0 2em 0;overflow:hidden;}html .content > .post > .comments > .comment > .pin,body .content > .post > .comments > .comment > .pin{color:#cd006b;float:left;font-size:.8em;padding:0 1em 0 0;vertical-align:top}html .content > .post > .comments > .comment > .info,body .content > .post > .comments > .comment > .info{font-size:.9em;margin:0 0 0 1em;}html .content > .post > .comments > .comment > .info .username > a,body .content > .post > .comments > .comment > .info .username > a,html .content > .post > .comments > .comment > .info .username > a:hover,body .content > .post > .comments > .comment > .info .username > a:hover{font-weight:bold}html .content > .post > .comments > .comment > .info .op > a,body .content > .post > .comments > .comment > .info .op > a,html .content > .post > .comments > .comment > .info .op > a:hover,body .content > .post > .comments > .comment > .info .op > a:hover{background-color:#ffaf32;border-radius:4px;color:#fff;font-weight:bold;margin:0 .5em 0 0;padding:0 .5em;text-decoration:none}html .content > .post > .comments > .comment > .info > .vote,body .content > .post > .comments > .comment > .info > .vote{margin:0 1em}html .content > .post > .comments > .comment > .text,body .content > .post > .comments > .comment > .text{margin:.5em 0 0 1.5em;word-wrap:break-word}html .content > .post .comment:target,body .content > .post .comment:target{background-color:#ffffe0}html > table.user,body > table.user{border-spacing:2em 1em;border-collapse:separate;margin:auto;width:80%;}html > table.user tr > td:first-child,body > table.user tr > td:first-child{font-weight:bold;text-align:right;vertical-align:top;width:30%}html > table.user tr > td:last-child,body > table.user tr > td:last-child{text-align:left;}html > table.user tr > td:last-child label,body > table.user tr > td:last-child label{padding:1em 0}html > .user_activity > ,body > .user_activity > {margin:0 0 2em 0;}html > .user_activity > > .info,body > .user_activity > * > .info{color:#888}html > .login,body > .login{margin:auto;max-width:20em;}html > .login input[type=submit],body > .login input[type=submit]{margin:1em 0}html > .about > h3,body > .about > h3{margin:1em 0 .5em 0}html > .about > p,body > .about > p{line-height:1.5em}.footer{border-top:1px solid #6ecfff;margin:3em 0 0 0;padding:2em 0;}.footer img{height:1.2em;margin:0 .5em 0 0;vertical-align:middle}.footer > ul{list-style:none;margin:0;overflow:hidden;padding:0;}.footer > ul > li{float:left;margin:0 2em 0 0}.vote_sink{height:1px;left:-10px;position:fixed;top:-10px;width:1px}
	1	<	\ No newline at end of file

index 0000000..36409fe
old size: 0B - new size: 9K
new file mode: -rw-r--r--

		@@ -0,0 +1,322 @@
1	+	*
2	+	margin 0
3	+	padding 0
4	+	font-family "Helvetica Neue", Helvetica, Arial, sans-serif
5	+
6	+	-moz-box-sizing border-box
7	+	-webkit-box-sizing border-box
8	+	box-sizing border-box
9	+
10	+
11	+	img
12	+	/* Prevent images from taking up too much space in comments */
13	+	max-width 100%
14	+
15	+	label
16	+	cursor pointer
17	+	font-weight normal
18	+
19	+	html, body
20	+	background-color #fff
21	+	font-size 1em
22	+	height 100%
23	+	line-height 1em
24	+	margin 0
25	+	padding 0
26	+	width 100%
27	+
28	+	/* Page header */
29	+	.header
30	+	padding 1em 0
31	+	text-align center
32	+
33	+	/* Logo text */
34	+	a.logo,
35	+	a.logo:hover,
36	+	a.logo:visited
37	+	color #000
38	+	font-weight bold
39	+	text-decoration none
40	+
41	+	/* Logo picture */
42	+	> img
43	+	height 1.5em
44	+	margin 0 1em
45	+	vertical-align middle
46	+
47	+	/* Menu under the logo */
48	+	> .menu
49	+	padding 1em 0
50	+
51	+	> *
52	+	margin 0 1em
53	+
54	+	/* Highlight username if there are unread messages */
55	+	.new_messages
56	+	background-color rgb(255, 175, 50)
57	+	border-radius 4px
58	+	color #fff
59	+	font-weight bold
60	+	margin 0 .5em 0 0
61	+	padding 0em 0.5em
62	+	text-decoration none
63	+
64	+
65	+	.content
66	+	padding 1em 0
67	+	line-height 1.5em
68	+
69	+	.vote
70	+	margin 0 1.5em 0 0
71	+
72	+	> a
73	+	display: inline-block
74	+	margin: 0
75	+	overflow: hidden
76	+	padding: 0
77	+	text-decoration none
78	+	vertical-align middle
79	+
80	+	/* up-down arrows are images */
81	+	img
82	+	cursor pointer
83	+	height 1em
84	+	margin 0
85	+	padding .2em
86	+	float left
87	+
88	+	/* Arrow style if already upvoted (green) */
89	+	.upvoted
90	+	background-color #fff
91	+	border 1px solid #00E313
92	+	border-radius 999em
93	+
94	+	/* Arrow style if already upvoted (red) */
95	+	.downvoted
96	+	background-color #fff
97	+	border 1px solid #FF0000
98	+	border-radius 999em
99	+
100	+	/* Votes counter */
101	+	.count
102	+	margin 0 .5em
103	+
104	+	/* Home page */
105	+	.posts
106	+
107	+	/* A singe post */
108	+	.post
109	+	margin 0 0 2em 0
110	+	vertical-align top
111	+
112	+	> .title
113	+	font-size 1.5em
114	+
115	+	> a
116	+	color #000
117	+
118	+	/* Some post info showed below the title */
119	+	> .info
120	+	color #666
121	+	margin .5em 0
122	+	opacity .8
123	+
124	+	/* New submission page */
125	+	> form.submit
126	+	margin auto
127	+	max-width 30em
128	+
129	+	/* Page for a post */
130	+	> .post
131	+
132	+	/* Style used to format Markdown tables */
133	+	table
134	+	background #fff
135	+	border-collapse collapse
136	+	text-align left
137	+
138	+	th
139	+	border-bottom 2px solid #6678b1
140	+	color #039
141	+	font-weight normal
142	+	padding 0 1em
143	+
144	+	td
145	+	border-bottom 1px solid #ccc
146	+	color #669
147	+	padding .5em 1em
148	+
149	+	tbody tr:hover td
150	+	color #009
151	+
152	+	/* The post title */
153	+	> .title
154	+	font-size 1.5em
155	+
156	+	/* Info below post title */
157	+	.info
158	+	margin 1em 0
159	+
160	+	/* Post text */
161	+	> .text
162	+	margin 1em 2.5em
163	+	word-wrap break-word
164	+
165	+	/* The "new comment" form for this post page */
166	+	.new_comment
167	+	margin 0 2.5em
168	+	overflow hidden
169	+
170	+	> textarea
171	+	height 2.5em
172	+
173	+	-webkit-transition 1s
174	+	transition 1s
175	+
176	+	> textarea:focus
177	+	height 10em
178	+
179	+	> input[type=submit]
180	+	float right
181	+	margin 1em 0
182	+
183	+	/* Comments tree for the Post page */
184	+	> .comments
185	+	margin 5em 0 0 0
186	+
187	+	/* A single comment in the tree */
188	+	> .comment
189	+	margin 0 0 2em 0
190	+	overflow hidden
191	+
192	+	/* This is just a mark to indicate the beginning
193	+	* of a new comment. The only reason for this is
194	+	* to make the thread more readable
195	+	*/
196	+	> .pin
197	+	color #CD006B
198	+	float left
199	+	font-size .8em
200	+	padding 0 1em 0 0
201	+	vertical-align top
202	+
203	+	/* Some info about this comment */
204	+	> .info
205	+	font-size .9em
206	+	margin 0 0 0 1em
207	+
208	+	.username > a,
209	+	.username > a:hover
210	+	font-weight bold
211	+
212	+	.op > a,
213	+	.op > a:hover
214	+	background-color rgb(255, 175, 50)
215	+	border-radius 4px
216	+	color #fff
217	+	font-weight bold
218	+	margin 0 .5em 0 0
219	+	padding 0em 0.5em
220	+	text-decoration none
221	+
222	+	> .vote
223	+	margin 0 1em
224	+
225	+	/* The comment text */
226	+	> .text
227	+	margin .5em 0 0 1.5em
228	+	word-wrap break-word
229	+
230	+	/* Give the comment that's linked to in the URL location hash a lightyellow background color */
231	+	.comment:target
232	+	background-color lightyellow
233	+
234	+	/* User home page */
235	+	> table.user
236	+	/* If one length specified: both horizontal and vertical spacing
237	+	* If two length specified: first sets the horizontal spacing, and
238	+	* the second sets the vertical spacing
239	+	*/
240	+	border-spacing 2em 1em
241	+	border-collapse separate
242	+	margin auto
243	+	width 80%
244	+
245	+	tr
246	+	> td:first-child
247	+	font-weight bold
248	+	text-align right
249	+	vertical-align top
250	+	width 30%
251	+
252	+	> td:last-child
253	+	text-align left
254	+
255	+	label
256	+	padding 1em 0
257	+
258	+	/* User activity */
259	+	> .user_activity
260	+
261	+	> *
262	+	margin 0 0 2em 0
263	+
264	+	> .info
265	+	color #888
266	+
267	+	/* Login page */
268	+	> .login
269	+	margin auto
270	+	max-width 20em
271	+
272	+	input[type=submit]
273	+	margin 1em 0
274	+
275	+	/* Page to edit a post or a comment */
276	+	> .edit
277	+	{
278	+	}
279	+
280	+	/* Page to reply to a comment */
281	+	> .reply
282	+	{
283	+	}
284	+
285	+	/* About page */
286	+	> .about
287	+
288	+	> h3
289	+	margin 1em 0 .5em 0
290	+
291	+	> p
292	+	line-height 1.5em
293	+
294	+	.footer
295	+	border-top 1px solid #6ECFFF
296	+	margin 3em 0 0 0
297	+	padding 2em 0
298	+
299	+	img
300	+	height 1.2em
301	+	margin 0 .5em 0 0
302	+	vertical-align middle
303	+
304	+	> ul
305	+	list-style none
306	+	margin 0
307	+	overflow hidden
308	+	padding 0
309	+
310	+	> li
311	+	float left
312	+	margin 0 2em 0 0
313	+
314	+	/* When users vote, this <iframe/> is used as target, such that
315	+	* the page is not reloaded
316	+	*/
317	+	.vote_sink
318	+	height 1px;
319	+	left -10px
320	+	position fixed
321	+	top -10px
322	+	width 1px
322	<	\ No newline at end of file