From 66450698bad57de94b368e570042dc619e623e38 Mon Sep 17 00:00:00 2001 From: Cam Spiers Date: Wed, 3 Jul 2013 06:25:44 -0700 Subject: [PATCH] Provide clearer syntax highlighting for phame posts. Including background colour, overflow scrolling and border. Also support for tt tag differentiation Summary: Clode blocks are now much clearer in blog posts with the usage of a bg color, border and scrolling for overflowing content Test Plan: Create a phame post with a code block and see the visual difference Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin, chad Differential Revision: https://secure.phabricator.com/D6320 --- externals/skins/oblivious/css/oblivious.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/externals/skins/oblivious/css/oblivious.css b/externals/skins/oblivious/css/oblivious.css index 13c71259a9..cad5d6cf9a 100644 --- a/externals/skins/oblivious/css/oblivious.css +++ b/externals/skins/oblivious/css/oblivious.css @@ -69,6 +69,19 @@ h2 { margin: 0 0 1em; } +.phame-post tt { + color: #333333; + background: #ebebeb; + padding: 0 .25em; + white-space: pre-wrap; +} + +.phame-post .remarkup-code-block pre { + overflow: auto; + padding: 10px 10px; + border: 1px solid #dfdfdf; + background-color: #f8f8f8; +} .fb-comments, .fb-comments span,