Fix CSS inclusion in PDF

Bounga · Bounga · commit b0e83580e62a · 2011-12-20T11:34:13.000+01:00
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,68 @@
+* {
+  margin: 0;
+  outline: none;
+  padding: 0;
+}
+
+body {
+  /* background: url('../images/background.png'); */
+  font-family: "Gill Sans", "Lucida Grande", "Verdana", sans-serif;
+}
+
+a {
+  border-bottom: 1px dotted;
+  color: #368BB7;
+  text-decoration: none;
+}
+
+a:hover {
+  border-bottom: 1px solid;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #483738;
+}
+
+h1 {
+  border-bottom: 1px solid #ccc;
+  margin-right: 100px;
+  padding-bottom: 0.5em;
+  text-align: center;
+}
+
+h2, h3, h4, h5, h6 {
+  padding: 0.5em 0;
+}
+
+ul {
+  margin-left: 1em;
+}
+
+p {
+  margin-bottom: 1em;
+}
+
+#content {
+  background: url('../images/synbioz.png') no-repeat top right;
+  background-color: white;
+  border: 0.1em solid #ccc;
+  margin: 1em auto;
+  padding: 1em 2em;
+  width: 40em;
+  border-radius: 1em;
+  -moz-border-radius: 1em;
+  -webkit-border-radius: 1em;
+}
+
+#content pre {
+  background-color: lightyellow;
+  border: 1px dotted #ccc;
+  margin: 0.5em 0;
+  padding: 1em 1em;
+  width: 48em;
+  white-space: pre-wrap;       /* css-3 */
+  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
+  white-space: -pre-wrap;      /* Opera 4-6 */
+  white-space: -o-pre-wrap;    /* Opera 7 */
+  word-wrap: break-word;       /* Internet Explorer 5.5+ */
+}
diff --git a/css/pdf.css b/css/pdf.css
@@ -1,17 +1,33 @@
 @page {
-	margin: 1cm;
-	@bottom {
-		color: #1d1d20;
-		content: "Synbioz, page " counter(page) " sur " counter(pages);
-		font-family: "Lucida Grande", "Verdana", "Helvetica", "Nimbus Sans L", sans-serif;
-		font-size: 8pt;
-	}   
+  margin: 1cm;
+  @bottom {
+    color: #1d1d20;
+    content: "Synbioz, 5 rue de douai 75009 Paris | page " counter(page) " sur " counter(pages);
+    font-family: "Lucida Grande", "Verdana", "Helvetica", "Nimbus Sans L", sans-serif;
+    font-size: 8pt;
+  }
 }
 
 body {
-	background: none;
+  background: none;
 }
 
 #content {
-	background-image-resolution: 100dpi;
+  background-image-resolution: 100dpi;
+}
+
+#content pre {
+  width: 16cm !important;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+table td, table th {
+  border: 1px solid grey;
+}
+
+table td {
+  padding: 0 10px 0 20px;
 }
diff --git a/layout.html b/layout.html
@@ -4,7 +4,7 @@
 		<meta charset="utf-8">
 		<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
 		<title>{{title}}</title>
-		<link rel="stylesheet" href="{{stylesheet}}" type="text/css" media="screen" charset="utf-8">
+    <link rel="stylesheet" href="{{stylesheet}}" type="text/css" charset="utf-8">
 	</head>
 	<body>
 		<div id="content">
