style.css

迷你论坛+ 迷你博客

/* full format */
.ff { font-size:12px; line-height:150%;}
.ff h2 { margin:.8em 0; padding:5px 0; font-size:14px; font-weight:normal;}
.ff p { margin:.8em 0;}
.ff ul, .ff ol { margin:1em 0; padding-left:2.5em;}
.ff li { margin:.2em 0;}

/* CONTENT PAGES */
/* home & archive */
#systip { position:relative; margin:0 0 10px; padding:.5em 1em; border:3px solid #89d5ef; background:#f9fffa;}
#systip h3 { padding:.2em 0; font-size:14px;}
#systip div { padding:.5em 0; border-top:1px solid #eee; border-bottom:1px solid #eee; line-height:1.25em;}
#systip div form p { margin:5px 0;}
#systip div form p.act { text-align:center;}
#systip p.close { text-align:right; line-height:2em;}
#newsfeed { position:relative; margin:0 0 10px; padding:5px; border:1px solid #89d5ef; background:#fff;}
#newsfeed h3 { padding:5px; font-size:14px;}
#newsfeed li { position:relative; clear:both; padding-left:1.7em; border-top:1px solid #eee; background:url(images/stl_dot_gray.gif) 2% 50% no-repeat; line-height:1.65em; *zoom:1;}
#newsfeed li span.content span { float:left; width:8em;}
#newsfeed li a.hide { position:absolute; top:4px; right:0; width:13px; height:13px; background:url(images/hide.gif) 0 0 no-repeat; overflow:hidden; font-size:0; line-height:0; text-indent:-999em;}
#newsfeed li a.hide:hover { background-position:0 100%;}
#newsfeed p.close { position:absolute; right:5px; top:5px;}
#newsfeed p.close a.close { display:block; width:13px; height:13px; background:url(images/close.gif) 0 0 no-repeat; overflow:hidden; font-size:0; line-height:0; text-indent:-999em;}
#newsfeed p.close a.close:hover { background-position:0 100%;}
#update { margin:0 0 10px; border:1px solid #89d5ef; background:#fff;}
#update h2 { padding:.5em 0 0; font-size:14px;}
#update h2 select { font-weight:normal;}
#update form { position:relative; padding:0 10px;}
#update p { margin:.6em 0;}
#update textarea { width:498px; height:5em;}
#update .act { text-align:center;}
#update .tip { position:absolute; right:10px; top:.5em; margin:0; color:#999;}
#update .tip .counter { color:#000; font-weight:bold;}
#sidebar #searchpanel .input_text { width:125px;}
#sidebar #searchpanel .formbutton { width:60px; padding:0; letter-spacing:0;}

/* user & message */
#info { position:relative; margin:0 0 10px; background:url(images/infosp.gif) 110px 10px no-repeat; *zoom:1;}
#fname { color:#999; font-size:12px; font-weight:normal;}
#relation { font-size:12px; font-weight:normal;}
#info #avatar { float:left; padding:1px; border:1px solid #89d5ef; background:#fff; overflow:hidden;}
#info #avatar img { width:96px; height:96px;}
#latest { min-height:98px; margin-left:120px; border:1px solid #89d5ef; border-left:0; background:#fff url(images/infobg.gif) bottom repeat-x;}
* html #latest { height:98px;}
#latest h1 { padding:10px 10px 5px; font-size:16px; line-height:100%;}
#latest h1 a.post_act { font-size:12px;}
#latest .current { padding:0 10px 20px; line-height:120%; font-size:14px; word-break:break-all; overflow:hidden; -o-text-overflow:ellipsis;}
#latest .current span.content a.photo { float:right;}
#latest .current span.content a.photo img { display:block; width:72px;}
#latest .current:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
#latest .current { *zoom:1;}
#latest .stamp { position:absolute; right:10px; bottom:5px; line-height:120%;}
#latest .stamp a.post_act { margin-left:1em; color:#555;}
#infos { margin-bottom:10px; word-break:break-all; overflow:hidden; -o-text-overflow:ellipsis;}
#infos li { margin:.5em 0; line-height:1.25em;}

/* album */
#album { padding:.5em 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f7f7f7;}
#album table { margin:0 auto; border-collapse:collapse; width:90%;}
#album td { padding:.5em 0; text-align:center; overflow:hidden;}
#album img { padding:4px;}

/* photo */
#crumb { padding:1em 1em 0; padding-left:80px;}
#crumb:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
#crumb { *zoom:1;}
#crumb a.avatar { float:left; margin-left:-65px;}
#crumb h3 { font-size:14px; line-height:200%;}
#crumb h4 { float:left; font-size:12px; font-weight:normal; line-height:250%;}
#crumb ul { float:right; list-style:none; line-height:2em;}
#crumb ul li { display:inline; margin:0 .5em;}
#photo { padding:.2em 0 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f7f7f7;}
#photo p.view { margin:.8em 0; text-align:center;}
#photo p.view img { border:1px solid #ccc;}
#photo p.description { margin:.4em 11.5em;}
#photo p.stamp { margin:.4em 11.5em; color:#999;}
#photo p.op { position:relative; top:-2.2em; margin:0 11.5em; text-align:right;}
#photo p.op a { margin-left:.8em;}

#share { clear:both; border-top:1px solid #ccc; background:#f7f7f7;}
#share:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
#share { *zoom:1;}
#share .fgf { float:left; width:510px; min-height:320px; padding:0 10px; border-right:1px solid #ccc; background:#fff;}
* html #share .fgf { height:320px;}
#share .fg { float:right; width:242px; overflow:hidden;}
#share .fg .sect { position:relative; top:-1px; margin:0; padding:0 15px 10px; border-top:1px solid #ccc;}
#share .fg .sect h2 { padding:1em 0 .2em; border:0; font-size:12px;}
#share .fg .sect form .input_text { width:202px;}
#share .fg .sect p { margin:.5em 0;}
#share .fg .sect ul { list-style:none;}
#share .fg .sect li { margin:.5em 0;}
#share .codelet { margin:2em 0 0;}

/* pm */
#stream.pm ol li.latest { background:#ffa;}
#stream.pm ol p.pm-parent { margin-top:.5em; padding:.5em .8em; background:#eee; color:#666; font-size:12px; line-height:125%;}
#update .pm { margin:10px 10px 0; background:#eee;}

/* friends & followers*/
.actions { font-size:12px;}

/* FUNCTION PAGES */
/* index */
#headline { padding:5px 10px; border-bottom:1px solid #ccc; font-size:18px; font-weight:bold;}
#slogan { list-style:none; padding:0 0 10px 15px;}
#slogan li { height:47px; margin:1em 0; padding:10px 35px 10px 95px;}
#slogan li h3 { margin:.2em 0; color:#333; font-size:14px;}
#slogan li#blogging { background:url(images/blogging.gif) 0 0 no-repeat;}
#slogan li#friends { background:url(images/friends.gif) 0 0 no-repeat;}
#slogan li#methods { background:url(images/methods.gif) 0 0 no-repeat;}

/* search */
#content #searchpanel { margin:5px; padding:1px 10px; border-bottom:1px solid #eee; background:#f7f7f7;}
#content #searchpanel .input_text { width:12em;}

/* invite */
.wp form#invite { margin-top:10px; padding:5px 20px; background:#f7f7f7;}

/* settings */
.settings #avatar { vertical-align:top; margin-right:10px;}
.settings #pro_bas_birthyear { width:4em;}
.settings textarea { height:3.7em;}
#setloginname #url { margin-left:170px;}
#setim .vcode { padding:0 .2em; background:#fffcaa; color:#090; font-size:1.5em; letter-spacing:.1em;}
#setim .bindtip { padding:0 .2em; font-size:1.2em;}
#setim #acc_msnaddr { margin-left:170px;}
#setim #acc_gtalkaddr { margin-left:170px;}
#setim #acc_qqaddr { margin-left:170px;}
#setim #acc_imact { margin-left:170px;}

/* badge */
#badge { width:530px; margin:0 auto; padding:10px 0;}
#badge:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
#badge { *zoom:1;}
#badge .block { margin:10px 0;}
#badge h3, #badge h4 { margin:10px 0; font-size:14px; font-weight:normal;}
#badge h4 { color:#333; font-weight:bold;}
#badge p { margin:5px 0;}
#badge input#width { width:3em;}
textarea.code { width:540px; color:#444; font-size:11px;}
textarea#multi-url, textarea#single-url { height:1.2em;}
textarea#multi-ubb, textarea#single-ubb { height:2.5em;}
textarea#multi-xhtml, textarea#single-xhtml { height:2.5em;}
textarea#user_timeline, textarea#friends_timeline { height:3.7em;}
#preview { float:right;}
textarea#flash_badge { width:320px; height:20em;}

/* api */
#api { width:650px; margin:0 auto; padding:10px 0;}
#api .guide { border-bottom:1px solid #eee; *zoom:1;}
#api .guide:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
#api .gsect { float:left; width:24%; padding:0 0 .5em;}
#api .gsect h4 { padding-left:2em; margin:.5em 0; font-size:12px;}
#api .gsect ol { padding-left:2em;}
#api h2 { margin:.5em 0; padding:.2em 0; font-size:14px; font-weight:normal;}
#api h3 { margin:1em 0;}
#api dl { margin:0; padding:0;}
#api dt { margin:1em 0; border-bottom:1px solid #eee; font-size:12px; font-weight:bold;}
#api dd { margin:.5em;}
#api ul { list-style:none; padding:0;}
#api p { margin:.5em 0;}

/* help */
#basket { float:left; width:180px; padding:10px;}
#basket h2 { font-size:12px;}
#basket ul { margin:1.5em 0; padding-left:20px; color:#999; font-size:13px;}
#basket li { margin:.5em 0;}
#basket li ul { margin:1em 0; padding-left:15px; font-size:12px;}
#basket li.current { color:#000;}
div#help { width:530px; margin-left:200px; *overflow:hidden;}
div#help h2 { margin:10px 0; font-size:14px; font-weight:normal;}
div#help h3 { margin:.5em 0; padding:.2em 0; background:#eee; font-size:12px;}
div#help h4 { margin:10px 0; border-bottom:1px solid #ccc; color:#444; font-size:14px; line-height:2em;}
div#help ol, div#help ul { margin:1.5em 0; padding-left:2.5em;}
div#help ul { list-style:none;}
div#help li { margin:1em 0;}
div#help p { margin:.8em 0;}

/* share */
#help .codelet { padding:1em 0 1em 1em; background:#eee;}
#help .codelet span { padding-left:1em;}
.code-sample a { text-decoration:none;}
.code-preview { float:left; width:150px;}
.code-block input { width:360px; font-size:11px;}
div#help .cnav ul { margin:1em 0 0;}
.cnav ul { padding:0 1em; text-align:right;}
.cnav ul li { display:inline;}
.cnav ul a img { padding:1px;}
.cnav ul a:hover img { padding:0; border:1px solid #b0e0f0; background:#e4f4fa;}

/* about */
#about { width:530px; margin:0 auto; padding:10px 0;}
#about h2 { margin:10px 0; font-size:14px; font-weight:normal;}
#about ul { padding:0 85px; list-style:none;}
#about ul li { margin:10px 0; font-size:14px; font-weight:bold;}
#about ul li#generator { font-size:12px; font-weight:normal; text-align:right;}
#about ul span { display:block; margin:5px 0; color:#444; text-decoration:none;}
#about ul label { color:#444; font-weight:normal;}

p.input-tip { position:absolute; padding:4px 17px 4px 4px; border:1px solid #b0e0f0; background:#e4f4fa; color:#0a678a; line-height:15px;}
p.input-tip strong { text-decoration:underline;}
p.input-tip a.close { position:absolute; right:5px; top:6px; display:block; width:13px; height:13px; background:url(images/close.gif) 0 0 no-repeat; overflow:hidden; font-size:0; line-height:0; text-indent:-999em;}
p.input-tip a.close:hover { background-position:0 100%;}
input.input-question { background:url(images/stl_question.gif) 98% 50% no-repeat;}

div#poverlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:Alpha(opacity=50); z-index:100;}
* html div#poverlay { position:absolute; height:expression(document.documentElement.scrollHeight > document.documentElement.clientHeight ? document.documentElement.scrollHeight : document.documentElement.clientHeight + 'px');}
div#pwindow { position:fixed; top:50%; left:50%; border:4px solid #666; width:360px; margin-top:-100px; margin-left:-185px; background:#fff; z-index:102;}
* html div#pwindow { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
div#pwindow h4 { padding:10px 15px 5px; background:#1da4cd url(images/wbg.gif) 0 100% repeat-x; color:#fff; font-size:14px;}
div#pwindow div.ff { padding:5px 15px;}
div#pwindow div.ff .auto-select { font-size:14px; font-weight:bold;}
div#pwindow div.act { padding:10px 0; border-top:1px solid #ccc; background:#eee; text-align:center;}