add style definitions for latest post

1 files changed, 42 insertions, 3 deletions

diff --git a/css/screen.css b/css/screen.css
index 766d30f..d6cde8a 100644
--- a/css/screen.css
+++ b/css/screen.css
@@ -174,6 +174,26 @@ p + p, div.figure + p {
   text-indent: .5em;
   margin-top: 0.2em; }
 
+warning {
+  clear: both;
+  margin: 1em;
+  padding: 1em;
+  background: #ffffaa;
+  border: 2px dashed #dddd88;
+  border-radius: 3px;
+  display: block; }
+
+pre {
+  margin: 1em;
+  padding: 1em;
+  display: inline-block;
+  border-radius: 3px;
+  background: #444; }
+
+pre code {
+  color: #aaff00;
+  background: transparent; }
+
 img.flickr {
   position: relative;
   display: block;
@@ -198,11 +218,13 @@ div#columns {
     float: left;
     width: 32%; }
 
-span.code {
+span.code, code {
   font-family: "Envy Code R", "Inconsolata", "Consolas", "Courier New", monospace;
-  font-size: 0.85em;
   color: #111;
-  background: #dedede;
+  background: #dedede; }
+
+span.code {
+  font-size: 0.85em;
   border-bottom: #888;
   padding: .15em; }
 
@@ -270,6 +292,23 @@ h2.month {
 ul.archive {
   margin-left: 1em; }
 
+#page ul.tree {
+  margin: 1em;
+  font-family: monospace;
+  display: block;
+  list-style: none; }
+
+  #page ul.tree li { line-height: 1.3em; }
+  #page ul.tree .NORM  { color: black;  background-color: transparent;}
+  #page ul.tree .FIFO  { color: purple; background-color: transparent;}
+  #page ul.tree .CHAR  { color: yellow; background-color: transparent;}
+  #page ul.tree .DIR   { color: blue;   background-color: transparent;}
+  #page ul.tree .BLOCK { color: yellow; background-color: transparent;}
+  #page ul.tree .LINK  { color: aqua;   background-color: transparent;}
+  #page ul.tree .SOCK  { color: fuchsia;background-color: transparent;}
+  #page ul.tree .EXEC  { color: green;  background-color: transparent;}
+
+
 /* DISQUS */
 h1.disqus {
   margin-top: 1em;