style.css

迷你论坛+ 迷你博客

* { margin:0; padding:0; font-family:Tahoma, Helvetica, sans-serif;}
* html * { font-family:Arial, sans-serif;}
html { overflow-y:scroll;}
body { background:#fff url(images/bg.gif) 0 0 repeat-x; font-size:12px; line-height:150%;}

a { color:#06c;}
a:hover { color:#ff7031;}
img { border:0; vertical-align:middle;}
abbr { border-bottom:1px dashed #666; cursor:help;}
pre.code, code, var { font-family:"Courier New", Courier, monospace;}
pre.code { margin:.3em 0; padding:.3em .5em; border:1px solid #ccc; color:#666; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}

/* form elements : base */
.input_text, textarea, select { border:1px solid; border-color:#7c7c7c #c3c3c3 #ddd; font-size:12px; line-height:120%;}
input, button, select { font-size:12px; vertical-align:middle;}
.input_text { height:15px; padding:3px 4px; line-height:15px;}
.formdisabled { border:1px solid #ccc; background:#eee;}
.input_file { height:23px;}
.empty { color:#ccc;}
input.formbutton { height:23px; padding:0 1.5em; border:1px solid; border-color:#66acff #094fa1 #094fa1 #66acff; background:#2680e9; color:#fff; letter-spacing:0.3em; cursor:pointer;}
button.formbutton { height:23px; padding:0 1.5em; border:1px solid; border-color:#66acff #094fa1 #094fa1 #66acff; background:#2680e9; color:#fff; letter-spacing:0.3em; cursor:pointer; line-height:23px;}
.formbutton:focus { border-color:#000;}
input.cancel { margin-left:2em;}
.inlinebutton { height:23px; padding:0 .5em; border:1px solid; border-color:#ccc #999 #999 #ccc; cursor:pointer;}
select { padding:2px 2px 2px 0; height:21px;}
option { padding:0 2px;}
textarea { padding:4px; overflow:auto;}

/* form elements : styling */
form p { margin:10px 0; line-height:23px;}
form p.error input, form p.error textarea { border-color:red;}
form p.error .formtip { font-weight:bold;}
form p.inputting .formtip { color:#000;}
form p.inputting .hint { color:#000;}
.formtip { color:#666;}

/* nf for normal forms */
.nf { clear:both;}
.nf h3 { width:400px; margin:.8em 0 .5em 170px; border-bottom:1px solid #eee; font-size:13px; color:#444;}
.nf .label_input { width:155px; margin-right:15px; float:left; text-align:right;}
.nf .label_check { margin-left:170px; cursor:pointer;}
.nf .input_text { width:200px;}
.nf:after, .nf p:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
.nf, .nf p { *zoom:1;}
.nf ul { list-style:none;}
.nf li { margin:.5em 0;}
.nf p.act { margin-left:170px;}
.nf p.note { width:400px; margin-left:170px; line-height:150%;}
.nf p.pending { width:384px; padding:7px 5px 7px 9px; margin-left:170px; border:1px solid #ccc; background:#eee;}
.nf span.hint { display:block; margin-left:170px; color:#666;}
.nf span.hidden { display:none;}
.nf p.err { color:red;}

/* vf for vertical forms */
.vf { width:300px; margin:0 auto;}
.vf label { font-weight:bold;}
.vf .label_input { display:block; float:none; text-align:left;}
.vf textarea { width:290px;}
.vf span.formtip { padding:0 .2em; color:#aaa;}

/* lf for large forms */
.lf p { line-height:26px;}
.lf label.label_input { font-size:14px; font-weight:normal;}
.lf label.label_check { font-weight:normal;}
.lf input.input_text { width:280px; height:18px; color:#444; font-size:14px; font-weight:bold; line-height:18px;}
.lf p.act a { font-weight:bold;}
.lf p.err { color:red;}
.lf span.url { font-size:13px;}
.lf input#url { width:12em;}

/* MODULE BLOCKS */
#container { width:775px; margin:1em auto 0;}
#container.impact { width:550px;}
#main { float:left; width:530px; overflow:hidden;}
.pu #container { width:100%;}
.pu .np #main { padding:0;}
.wp #main { width:100%;}
.np #main { clear:both; float:none; margin:0 auto; padding-top:20px;}
span.content a.former { color:#555;}
span.content a.former:hover { color:#ff7031;}
span.ajaxprompt { position:absolute; padding:0 1em; color:#fff; background:#0cf; font-weight:bold; line-height:1.65em;}

/* header */
#header { float:left; width:100%; padding:.25em 0 1.25em; clear:both;}
#header h1 { float:left; width:255px;}
#header h1 a { display:block; text-decoration:none;}
#header h1 a span { display:none; margin-left:.5em; font-size:13px; font-weight:normal;}
#header h1 a:hover span { display:inline; color:#fff;}
#navigation { float:right; height:35px; margin:.5em 0 0; padding-left:10px; background:url(images/navl.gif) 0 0 no-repeat; font-size:14px; line-height:35px; white-space:nowrap;}
#navigation ul { float:left; list-style:none; padding-right:10px; background:url(images/navr.gif) 100% 0 no-repeat;}
#navigation li { float:left; background:#fff;}
#navigation li a { padding:0 .8em;}
#navigation li.new a { padding-right:1.85em; background: url(images/new.gif) 100% 20% no-repeat;}

/* sidebar */
#sidebar { float:right; width:205px; padding:15px 10px 20px 18px; border:1px solid #89d5ef; background:#fff;}
#sidebar ul { list-style:none;}
#sidebar .sect { margin:0 0 1.5em;}
#sidebar h2 { margin:0 0 0 -10px; padding:8px 5px 5px 10px; background:url(images/secthd.gif) 0 0 no-repeat; font-size:14px; font-weight:normal;}
#sidebar h3 { font-size:13px; font-weight:normal;}
#sidebar #dashboard { font-size:13px;}
#sidebar #dashboard li { margin:5px 0;}
#sidebar #dashboard li.reminder { margin:8px 0; font-size:14px;}
#sidebar #dashboard li.reminder a { padding:3px 3px 0; border-bottom:2px solid #ffed00; background:#fffcaa; text-decoration:none;}
#sidebar p { margin:5px 0;}
#sidebar p.iconset img { margin-right:5px;}
#sidebar textarea { width:195px;}

#sidebar #apis { list-style:none;}
#sidebar #apis li a { padding-left:20px;}
#sidebar #apis li.rss { background:url(http://static.fanfou.com/img/feed-icon.png) 0 50% no-repeat;}

#sidebar form#login p { margin:10px 0;}
#sidebar form#login .label_input { float:left; width:50px; color:#666; text-align:left;}
#sidebar form#login .label_check { margin-left:50px; color:#666; cursor:pointer;}
#sidebar form#login .input_text { width:135px;}
#sidebar form#login p.act { margin-left:50px;}
#sidebar form#login p#forgot { margin-left:50px;}
#sidebar #register p { text-align:center;}

/* footer */
#footer { clear:both; padding:1em 0; text-align:center;}
#footer p { margin:1em 0;}
#footer a { margin:0 .5em;}
#miibeian { color:#ccc; text-decoration:none;}

/* content */
#content { padding:10px; border:1px solid #89d5ef; background:#fff;}
#content.impact { padding:0;}
#content h2 { padding:5px 10px; border-bottom:1px solid #ccc; color:#444; font-size:15px;}
#content.impact h2 { padding:8px 15px;}

/* MODULE BLOCKS */
.sysmsg { clear:both; margin:0 0 10px; padding:5px 10px; border:1px solid #ffed00; background:#fffcaa; font-size:14px;}
.sysmsg p { margin:5px 0; line-height:20px;}
.sysnotice { clear:both; margin:0 0 10px; padding:5px 10px; border:1px solid #ffed00; background:#fffcaa;}
.sysnotice ul { padding-left:15px; line-height:165%;}
p.guide { margin:5px 10px;}

/* tabs */
.tabs { position:relative; top:1px; font-size:14px;}
.tabs:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
.tabs { *zoom:1;}
.tabs a.crumb {float:left; margin:7px 0 0; padding: 0 .5em; font-size:12px;}
.tabs ul { float:right; list-style:none;}
.tabs li { float:left; margin:0 0 0 .35em;}
.tabs li a { float:left; margin:5px 0 0; padding:2px 14px; background:#89d5ef; border:1px solid #89d5ef; color:#000; text-decoration:none;}
.tabs li a:hover { background:#fff; color:#ff7031;}
.tabs li.current a { margin:0; padding:6px 16px 4px; border:1px solid #89d5ef; border-bottom:0; background:#fff;}
.wp .tabs ul { float:left;}
.wp .tabs li { margin:0 .35em 0 0;}

/* stream */
#stream h3 { padding:5px; color:#444; font-size:14px; border-bottom:1px solid #ccc;}
#stream ol { list-style:none;}
#stream li { padding:10px 5px; border-bottom:1px solid #ccc; font-size:14px; overflow:hidden; -o-text-overflow:ellipsis;}
#stream li a.avatar { float:left; margin-left:-57px; overflow:hidden;}
#stream li span.content { word-break:break-all;}
#stream li span.content a.photo { float:right; overflow:hidden;}
#share #stream li span.content a.photo { float:left; margin-right:.5em;}
#stream li span.op { margin-left:.3em;}
#stream li span.op a { font-size:12px; color:#999;}
#stream li span.op a:hover { color:#ff7031;}
#stream .wa li { padding:5px 5px 5px 62px;}
#stream .wa li.sys { padding:10px 5px 10px 62px;}
#stream li:after, #stream .wa li:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
#stream li, #stream .wa li { *zoom:1;}
#stream li span.avatar { float:left; margin-left:-55px; overflow:hidden;}
#stream.message li a.avatar img { display:block; width:48px; height:48px;}
#stream.message li a.author { float:left; margin-right:.3em;}
#stream.message li span.content a.photo img { display:block; width:72px;}
#stream.search li { padding:5px 5px 5px 120px;}
#stream.search li a.avatar { margin-left:-110px;}
#stream.search li a.avatar img { width:96px; height:96px;}
#stream.search li dl { width:400px; margin:.3em 0; float:left;}
#stream.search li dt { margin:.2em 0; font-weight:bold;}
#stream.search li dd { margin:.15em 0; font-size:12px;}
#stream.search li dd label { float:left; width:5em;}
#stream.search p.actions { float:right; width:200px; margin:.5em 1.5em 0 0; text-align:right;}
.stamp { color:#999; margin-left:1em; font-size:12px;}
.method { color:#999; font-size:12px;}
.stamp a, .method a { color:#999;}
.stamp a:hover { color:#ff7031;}

/* images styles */
a.avatar img, a.photo img { padding:1px; border:1px solid #ccc; background:#fff;}
a.avatar:hover img, a.photo:hover img { border:1px solid #ff7031;}

/* avatar list */
.alist { list-style:none;}
.alist li { float:left; margin:0 3px 3px 0;}/* 4 imgs in a row takes 204px */
.alist:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
.alist li a { float:left; width:48px; height:64px; overflow:hidden; text-decoration:none;}
.alist li a img { height:48px;}
.alist li a span { display:block; text-align:center; line-height:150%; white-space:nowrap;}
.alist { *zoom:1;}

#sidebar .tlist { list-style:disc; padding-left:15px;}
#sidebar .tlist li { margin-bottom:.5em;}

/* page navigator */
.paginator { list-style:none; padding:10px 0; text-align:center;}
.paginator li { margin:0 .2em; display:inline;}
.paginator li.current { margin:0 .5em; font-weight:bold;}
.paginator li a { padding:2px 5px; border:1px solid #ddd; text-decoration:none;}
.paginator li a:hover { border-color:#ccc; background:#06c; color:#fff;}

/* board */
#content .board { width:500px; margin:1em auto 2em; font-size:12px; line-height:150%;}
#content .board h2 { margin:10px 0; padding:5px 0;}
#content .board p { margin:1em 0;}
#content .board ul { margin:1em 0; padding-left:2em;}
#content .board ol { margin:1em 0; padding-left:2em;}
#content .board li { margin:.2em 0;}
#content .board a { font-weight:bold;}