Made it so code listings have horizontal scrollbars instead of getting super wide and messig with the design

2 files changed, 26 insertions, 4 deletions

diff --git a/foundation-default-colours/static/css/custom.css b/foundation-default-colours/static/css/custom.css
index 37912ba..49d8dd3 100644
--- a/foundation-default-colours/static/css/custom.css
+++ b/foundation-default-colours/static/css/custom.css
@@ -50,9 +50,6 @@
 .highlighttable {
 	background: #272822;
 	border: 1px solid #8f908a;
-	/* uncomment to center the code blocks */
-	/*margin-left: auto;
-	margin-right: auto;*/
 	width: 100%;
 }
 
@@ -114,4 +111,29 @@ p {
 
 .archive-entry {
 	border-top: 1px dotted;
+}
+
+table.highlighttable {
+	table-layout: fixed;
+	white-space: nowrap;
+	width:100%;
+}
+
+.linenos {
+	width: 2.25rem;
+	text-align: right;
+	margin: 0;
+	padding: 0;
+	vertical-align: top;
+}
+       
+.highlight{
+	width: 100%;
+	height: auto;
+	overflow: auto;
+}
+
+.linenodiv {
+	margin: 0.55rem 0.5rem 0 0;
+	padding: 0;
 }
\ No newline at end of file
diff --git a/foundation-default-colours/static/css/pygment/monokai.css b/foundation-default-colours/static/css/pygment/monokai.css
index 3dba387..6ad9714 100644
--- a/foundation-default-colours/static/css/pygment/monokai.css
+++ b/foundation-default-colours/static/css/pygment/monokai.css
@@ -57,4 +57,4 @@
 .highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
 .highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
 .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
-.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
+.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
\ No newline at end of file