Add a border around code paragraphs

Also try to prune some of the redundant CSS.
metacpan · Aug 23, 2011 · feea67a · feea67a
1 parent b788522
commit feea67a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 25 deletions.
diff --git a/root/static/css/shCore.css b/root/static/css/shCore.css
@@ -24,8 +24,8 @@
 .syntaxhighlighter table thead,
 .syntaxhighlighter table caption,
 .syntaxhighlighter textarea,
-.pod code,
-.pod pre {
+.pod code *,
+.pod pre * {
   -moz-border-radius: 0 0 0 0 !important;
   -webkit-border-radius: 0 0 0 0 !important;
   background: none !important;
@@ -94,7 +94,6 @@
   width: 100% !important;
   height: 100% !important;
   border: none !important;
-  background: white !important;
   padding-left: 1em !important;
   overflow: hidden !important;
   white-space: pre !important;

diff --git a/root/static/css/shThemeDefault.css b/root/static/css/shThemeDefault.css
@@ -14,15 +14,6 @@
  * @license
  * Dual licensed under the MIT and GPL licenses.
  */
-.syntaxhighlighter {
-  background-color: white !important;
-}
-.syntaxhighlighter .line.alt1 {
-  background-color: white !important;
-}
-.syntaxhighlighter .line.alt2 {
-  background-color: white !important;
-}
 .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
   background-color: #e0e0e0 !important;
 }

diff --git a/root/static/css/style.css b/root/static/css/style.css
@@ -516,24 +516,16 @@ button.favorite:hover, button.favorite.active, a.favorite.active, a.favorite:hov
 ul#index, #index ul { list-style-type: none; }
 
 .syntaxhighlighter, .pod pre {
-    border-top: 10px solid #f9f9f9 !important;
-    border-bottom: 10px solid #f9f9f9 !important;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    border: 1px solid black;
     width: auto !important;
     overflow-y: hidden !important;
+    background-color: #f9f9f9;
 }
 
 .nogutter, .pod pre {
-    border-left: 10px solid #f9f9f9 !important;
-}
-
-.syntaxhighlighter, .pod pre {
-  background-color: #f9f9f9 !important;
-}
-.syntaxhighlighter .line.alt1 {
-  background-color: #f9f9f9 !important;
-}
-.syntaxhighlighter .line.alt2 {
-  background-color: #f9f9f9 !important;
+    padding-left: 10px;
 }
 
 .search-results img,