Broke monospace font stacks into inline and block. Minor breadcrumb s…

…tyling change.
targi · Mar 14, 2010 · 85b1258 · 85b1258
1 parent a63f7cb
commit 85b1258
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 12 deletions.
diff --git a/src/markdoc/static/default-static/media/css/style.css b/src/markdoc/static/default-static/media/css/style.css
@@ -120,7 +120,7 @@ body {
   font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
   line-height: 21px; }
   body #breadcrumbs li {
-    color: #777;
+    color: #aaa;
     font-size: 13px;
     font-weight: bold;
     line-height: 28px; }
@@ -133,9 +133,10 @@ body {
     font-size: 13px;
     text-transform: lowercase; }
   body.listing table#pages td.size, body.listing table#subdirs td.size {
-    font-family: Courier, 'Courier New', monospace; }
+    font-family: Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 'Courier 10 Pitch', 'Courier New', monospace;
+    text-align: right; }
   body.listing table#subdirs td.name {
-    font-family: Courier, 'Courier New', monospace; }
+    font-family: Courier, 'Courier 10 Pitch', 'Courier New', monospace; }
 
 h1, h2, h3, h4, h5, h6 {
   line-height: 21px; }
@@ -163,6 +164,11 @@ a {
 dl dt {
   font-weight: bold; }
 
-code, pre {
-  font-family: Courier, 'Courier New', monospace;
+code {
+  font-family: Courier, 'Courier 10 Pitch', 'Courier New', monospace;
+  line-height: 18px; }
+
+pre {
+  font-family: Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 'Courier 10 Pitch', 'Courier New', monospace;
+  font-size: 11px;
   line-height: 18px; }
diff --git a/src/markdoc/static/default-static/media/sass/_typography.sass b/src/markdoc/static/default-static/media/sass/_typography.sass
@@ -1,4 +1,5 @@
-!monospace_fonts = "Courier", "'Courier New'", "monospace"
+!monospace_fonts_block = "Menlo", "'DejaVu Sans Mono'", "'Bitstream Vera Sans Mono'", "Courier", "'Courier 10 Pitch'", "'Courier New'", "monospace"
+!monospace_fonts_inline = "Courier", "'Courier 10 Pitch'", "'Courier New'", "monospace"
 !sans_serif_fonts = "'Helvetica Neue'", "Helvetica", "Arial", "Geneva", "sans-serif"
 
 body
@@ -7,7 +8,7 @@ body
 
   #breadcrumbs
     li
-      :color #777
+      :color #aaa
       :font-size 13px
       :font-weight bold
       :line-height 28px
@@ -24,10 +25,11 @@ body
   &.listing
     table#pages, table#subdirs
       td.size
-        :font-family= !monospace_fonts
+        :font-family= !monospace_fonts_block
+        :text-align right
     table#subdirs
       td.name
-        :font-family= !monospace_fonts
+        :font-family= !monospace_fonts_inline
 
 
 // Headers
@@ -50,7 +52,7 @@ h4, h5, h6
 
 // Links
 
-!link_color= #900
+!link_color = #900
 
 a
   :color= !link_color
@@ -70,6 +72,11 @@ dl
 
 // Code
 
-code, pre
-  :font-family= !monospace_fonts
+code
+  :font-family= !monospace_fonts_inline
+  :line-height 18px
+
+pre
+  :font-family= !monospace_fonts_block
+  :font-size 11px
   :line-height 18px