clean style

diff --git a/css/style.css b/css/style.css
index 9fc738b43343b9c5c77656a2733cc6153653c796..dcc8dc193585d15d9c61b01fd90fc429af739f36 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -1,16 +1,16 @@
 
-body { background:#121212; margin:10px 100px 50px 40px; }
-html, body, table { font-family: verdana; font-size:11px; line-height:1.6em; color:#666; }
+body { margin:10px 100px 50px 40px; }
+html, body, table { font-family: monospace; font-size:12px; line-height:1.2em; color:#222; }
 
 /*selection*/
-::-moz-selection {background: #ff8; !important} 
-::selection {background: #ff8; !important} 
+::-moz-selection {background: #08f !important; color:#fff;} 
+::selection {background: #08f !important; color:#fff;} 
 
 /*links*/
-a { color:#bbb; border:0; }
+a { color:#07e; border:0; }
 a img { border:0; }
 a.mute { color:#555; text-decoration:none; }
-a:hover, a.mute:hover { color:#ff8;  text-decoration:none;  }
+a:hover, a.mute:hover { color:#fa4; background:#ffa;  text-decoration:none;  }
 .caption a { color:#888;}
 .caption a:hover { color:#905;}
 
@@ -21,15 +21,8 @@ h2 { margin:4em 0 0.5em 0; }
 h3 { font-size:1em; margin:0; }
 
 /*code*/
-pre, .code { font-family: Monaco, monospace; font-size:12px; line-height:1.4em; background:#0a0a0a; color:#ff8; padding:0.1em 0.5em; }
+pre, .code { font-family: Monaco, monospace; font-size:11px; line-height:1.4em; background:#ddd; color:#50d; padding:1em 2em; }
 span.code { padding:0.1em 0.5em; }
-iframe.code { border-color:#ddd; width:90%; height:400px; background:#000; padding:20px;}
-
-strong { color:#888; }
-
-.date   { }
-.medium { }
-.desc   { color:#757575; }
 
 blockquote { font-family:times; background:#000; color:#aaa;
 margin:0; font-size:15px; line-height:1.4em; padding:2em 4em; font-style:italic; line-height:1.45em; max-width:600px;}
@@ -39,24 +32,28 @@ p { max-width:720px; }
 ul { margin:0; padding:0; list-style-type:none; }
 li { margin-bottom:1px; padding:1px; }
 table { margin:0; padding:0; border:0;  }
-table .column { padding-right:50px; min-width:120px; max-width:275px; }
+table .column { padding-right:100px; min-width:120px; max-width:275px; }
 table .column h2 a { text-decoration:none; }
-table h2, table h3 { border-bottom:1px dotted #aaa; }
+table h2, table h3 { border-bottom:1px dotted #888; margin-bottom:1em;}
 table .video li, table .image li { margin-bottom:2em; }
-table .reader li, table .bookmarks li { margin-bottom:1em; padding-bottom:1em;  border-bottom:1px dotted #252525; }
+table .reader li, table .bookmarks li { margin-bottom:1em; padding-bottom:1em;  border-bottom:1px dotted #888; }
 .reader_links li, .bookmark_links li { padding-top:.75em; margin-bottom:.75em; }
 .bookmark_links li a { display:block; }
 .bookmark_links li span { font-style: italic; color:#444; }
+.image li a { background:none;}
 
-.c_pop { position:absolute; display:none; background:#141414; border:5px outset #d44; padding:1em 2em; left:380px; z-index:5; } 
+.c_pop { position:absolute; background:#fff; display:none; border:5px outset #ad4; padding:1em 2em; left:260px; z-index:5; } 
+
+.func { font-weight:bold; color:#444; }
 
 #home_arrow { position: absolute; top:11px; left:23px; margin-left:250px; text-decoration:none; }
 
-#content { margin-left:120px; }
+#content { margin-left:120px; min-width:500px; }
     #content p {  }
-    ul.inline_content { border-top:10px solid #161616; }
-    ul.inline_content li { margin:50px 0; padding-bottom:50px; border-bottom:10px solid #161616; }    
+    ul.inline_content { }
+    ul.inline_content li { margin:50px 0; padding-bottom:50px; border-bottom:1px dotted #888; }    
     ul.inline_content li div.content li { padding:0; border:0; margin:0; }
+    ul.inline_content .date { color:#999; font-size:10px;}
     ul.thumbnails    { }
     ul.thumbnails li { display:inline-block; margin: 0px 60px 60px 0px; }
     ul.thumbnails .thumbnail { width:160px; height:120px; text-align:center; background:#888; }
@@ -74,20 +71,10 @@ table .reader li, table .bookmarks li { margin-bottom:1em; padding-bottom:1em;
     
 .nav { position:absolute; top:1em; left:1em; line-height:1.1em;}
 .nav ul { margin-left:1em; }
-.nav a { text-decoration:none; color:#555; }
-.nav a:hover { color:#ff8; }
 .nav h3 { margin-bottom:0.4em; }
-.nav h3 a { font-weight:bold; }
     
 .caption { font-style:italic; margin-top:5px; color:#444; }
-.more, .home { text-decoration:none; color:#666; }
-    
-/*download link, function link*/
-ul.dl {}
-ul.dl li, ul.func li { font-weight:bold; }
-ul.dl li a , ul.func li a { }
-ul.func { margin-bottom:3em; } 
-ul.dl li a { font-weight:bold; border-bottom:1px dotted #666; }
+.more, .home { text-decoration:none; color:#999; }
 
 #footer {  margin-top:120px; }    
 #footer .copy a { text-decoration:none; }