From ac859c4c90287f4acda1ee1f220a91001d2ec278 Mon Sep 17 00:00:00 2001 From: Gabriel Dunne Date: Sun, 13 Dec 2009 21:59:55 -0800 Subject: [PATCH] clean style --- css/style.css | 51 +++++++++++++++++++-------------------------------- 1 file changed, 19 insertions(+), 32 deletions(-) diff --git a/css/style.css b/css/style.css index 9fc738b..dcc8dc1 100644 --- 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; } -- 2.34.1