Abandon perforated paper design.

Too literal, and impacts readability.

Reverts most of 7d109f0c82.
This commit is contained in:
Mihai Parparita 2014-10-19 21:44:20 -07:00
parent d9a13cebfa
commit 8008ca94a5
8 changed files with 17 additions and 61 deletions

View file

@ -1,7 +1,7 @@
{
"digest": {
"font-family": "Helvetica, Arial, sans-serif",
"font-size": "14pt",
"font-size": "10pt",
"color": "#000",
"max-width": "800px",
"margin": "0"
@ -11,6 +11,7 @@
"color": "#4183c4"
},
"intro-paragraph": {
"font-size": "12pt",
"user-link": {
"font-weight": "bold",
"color": "#000"
@ -24,7 +25,7 @@
"font-size": "24pt",
"font-weight": "bold",
"margin": ".75em 0 .5em 0",
"border-bottom": "dashed 2px #666"
"border-bottom": "solid 1px #ddd"
},
"repository-header": {
"font-size": "18pt",
@ -32,21 +33,24 @@
"margin": ".5em 0"
},
"commit": {
"border-bottom": "dashed 1px #666",
"margin": "20px 0",
"font-size": "12pt",
"background": "#fafafa",
"border": "solid 1px #ccc",
"border-radius": "3px",
"margin": "1em 0",
"title": {
"padding": "8px 0",
"padding": "8px",
"margin": "0"
},
"message": {
"margin": "0",
"padding-botom": "8px",
"padding": "0 8px 8px",
"white-space": "pre-wrap"
},
"footer": {
"padding": "8px 0",
"margin-bottom": "20px",
"background": "#fff",
"border-top": "solid 1px #ddd",
"border-radius": "0 0 3px 3px",
"padding": "8px",
"date": {
"color": "#666"
},

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 157 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 478 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 480 B

View file

@ -1,48 +1,6 @@
html {
position: relative;
height: 100%;
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 14pt;
line-height: 24pt;
background: url("images/paper-background.png");
position: relative;
min-height: 100%;
margin: 0;
padding: 10px 66px;
}
.perforated-edge {
position: absolute;
width: 46px;
height: 100%;
top: 0;
}
.perforated-edge.right {
right: 0;
background-image: url("images/perforated-edge-right.png");
}
.perforated-edge.left {
left: 0;
background-image: url("images/perforated-edge-left.png");
}
.logo {
width: 497px;
height: 77px;
background-image: url("images/logo.png");
margin: 31px auto 10px;
}
.page-body {
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
background: rgba(255, 255, 255, 0.5);
font-size: 10pt;
}
a {

View file

@ -7,12 +7,8 @@
<link rel="stylesheet" href="/static/octicons/octicons.css">
</head>
<body>
<div class="perforated-edge right"></div>
<div class="perforated-edge left"></div>
<div class="logo"></div>
<h1>{{template "title" .}}</h1>
<div class="page-body">
{{template "body" .}}
</div>
{{template "body" .}}
</body>
</html>

View file

@ -2,8 +2,6 @@
{{define "body"}}
<div class="digest">
{{template "digest" .Digest}}
</div>
{{template "digest" .Digest}}
{{end}}