/* Theme Name: Oneiro Theme URI: http://ongakuer.com/archives/oneiro-theme/ Author: 良心发现 Author URI: http://ongakuer.com/ Description:带有试验性质的主题，HTML5+CSS3，大量加入jQuery效果以供作者备忘……等高两栏，自带幻灯片等等，尽量非插件化。需要WP3.0以上版本，当然……不支持IE6！ Version: 1.2 /*-----首先CSS重置和框架-----*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";} {margin:0;padding:0;} ul, li{list-style:none;background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;} a{text-decoration:none;} body {margin: 0;padding: 0;} #main {font-family:Arial,sans-serif;} .tcontainer {width: 900px; margin: 0 auto;background:transparent;} /*-----Header-----页眉*/ #header{background: url(images/blackbg.png) repeat; } #logo{ position:relative; top:20px; width:200px; height:90px;display:block; background: url(images/Oneiro-logo.png) no-repeat; text-indent:-9999em} #logo a{width:200px;height:90px;display:block;} .bokeh {width:900px; height:150px; margin:0 auto;background:url(images/bokeh.png) no-repeat;} #if-logged-in { position:absolute; margin-left:870px;height:22px;line-height:20px;color: #eee;font-size:12px;} #if-logged-in a{color: #7D7D7D;text-decoration: none; padding-bottom:2px} #if-logged-in a:hover { border-bottom:#CCC dotted 1px;} /*Slides*/ #slidebar {margin:0 auto;background: url(images/blackbg.png) repeat; } #slidebar .slidebg{ position:relative; top:-4px;width: 900px; margin:0 auto; z-index:5} /*以下是jquery滑动插件的样式*/ #loopedslider{background:url(images/slidebg.png) no-repeat;width: 900px; height:290px;/*280+57*/} /*翻页*/ #loopedslider .previous{ position:absolute; left:28px;top:115px;} #loopedslider .pre a{/*右边的翻页*/text-indent:-999em;width:27px; height:34px;display:block; background:url(images/slidebuttom.png) no-repeat; background-position:0px -68px;} #loopedslider .pre a:hover {width:27px; height:34px;display:block; background:url(images/slidebuttom.png) no-repeat; background-position:0px -101px;} #loopedslider .next{ position:absolute; right:30px;top:113px;} #loopedslider .nex a{/*左边的翻页*/text-indent:-999em;width:27px; height:34px;display:block; background:url(images/slidebuttom.png) no-repeat; background-position:0px 0px; } #loopedslider .nex a:hover {width:27px; height:34px;display:block; background:url(images/slidebuttom.png) no-repeat; background-position:1px -33px;} .container {/*这个是滑动区域的样式，名字不能改动*/ color:#F0F0F0; background: #171717; margin:0 auto;width:730px;height:230px;overflow:hidden; position:relative;cursor:default;top:11px;} .container a{color: #5CC7EF;} .slides {background: #039;position:absolute;top:0;left:0;} .slides > div { /*这个是每一个滑动div的样式*/ position:absolute;top:0; width:730px;display:none;} /*滑动区文字样式*/ .slidestext{position:absolute; right:0px; height:230px; background: #000; top:0px; z-index:999; font-size:12px; line-height:20px; padding:10px; font-family: Verdana, Geneva, sans-serif; filter:alpha(opacity=71); /* IE半透明 */ -moz-opacity:0.7; /* Moz + FF 半透明*/ opacity: 0.7; /* 支持CSS3的浏览器（FF 1.5也支持）*/ width:expression(document.body.clientWidth > 300? "300px": "auto" ); max-width:300px; word-break: break-all;} .slidestext h3{font-size:16px; clear:both;padding:10px 0; font-weight: 600; color: #C6F;font-family:Verdana,"\5FAE\8F6F\96C5\9ED1",sans-serif;} .slidestext h4{font-size:16px; clear:both;padding:10px 0; font-weight: 600; color:#35B4FF;font-family:Verdana,"\5FAE\8F6F\96C5\9ED1",sans-serif;} .slidestext a{ position:relative; top:10px; clear: both; float:right; color:#46DFFF;} /*小按钮*/ ul.pagination {float:right;position:relative;bottom:-30px;right:80px;list-style:none;padding:0; margin:0;} ul.pagination li {float:left; padding:0 3px; } ul.pagination li a {text-indent:-999em;width:14px; height:14px;display:block; background:url(images/slidebuttom.png) no-repeat; background-position:0px -136px;} ul.pagination li a:hover {width:14px; height:14px;display:block; background:url(images/slidebuttom.png) no-repeat; background-position:-28px -136px;} ul.pagination li.active a {width:14px; height:14px;display:block; background:url(images/slidebuttom.png) no-repeat; background-position:-14px -136px;} /*-----Navbar-----导航栏 */ #navbar{background: url(images/navbar.png) repeat-x; margin-top:-57px;height:135px;position:relative; z-index:3} #nav-auto{width:921px;height:50px; margin:0 auto;position:relative;top:67px;z-index:4} /* 下面的配合jquery */ #nav {margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:22px;z-index:5;width:100%;background:#1c1c1c;color:#FFF;font-family:Verdana,"\5FAE\8F6F\96C5\9ED1",sans-serif;font-size:13px;font-weight:550;} #nav a {display:block;padding:2px 10px;color:#FFF;text-decoration:none;} #nav a:hover {color:#3ea6f8;} #nav li {float:left;position:relative;} #nav ul {background-image: url(images/navulbg.png); list-style-type:none;list-style-position:outside;position:relative;line-height:22px; z-index:300;margin:0;position:absolute;padding:0px;display:none;width:170px;top:26px;left:0px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; -moz-box-shadow:0px 3px 20px rgba(28, 28, 28, .3); -webkit-box-shadow:0px 3px 20px rgba(28, 28, 28, .3); box-shadow:0px 3px 20px rgba(28, 28, 28, .3);} #nav ul a {padding:5px 10px;} #nav li ul {padding:8px 0 8px 0;width:170px; background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.05, rgb(61,61,61)), color-stop(50, rgb(28,28,28)) ); background-image:-moz-linear-gradient( center bottom, rgb(61,61,61) 9%, rgb(28,28,28) 50% )} #nav li ul a {margin-left:0px;background:transparent;width:150px;height:auto;float:left;} #nav ul ul {top:auto;} #nav li ul ul {left:155px;margin:0px 0 0 10px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;} /*Search*/ #search{width:921px; margin:0 auto; position:relative;z-index:900; top:16px;} #search-bg{width:179px;height:28px;background:url(images/searchbg.png) no-repeat; float:right;} .search{display:block;padding:0px 0;width:160px;height:25px; } .search_text,.search_textfocus{ float:left;width:140px;height:17px;color:#5c5c5c;font-size:12px;border: none;background:transparent;padding:0px 0 0 0px;margin:6px 0 0 10px;outline:none;} .search_submit,.search_submitactive,.search_submithover{position:relative;z-index:902;float:left; width:20px;height:20px;border:none;margin:-17px 0 0 155px; cursor:pointer;} .search_submit,.search_submithover{ background:url(images/searchbg.png) no-repeat; background-position:-204px -5px;} .search_submitactive{ background:url(images/searchbg.png) no-repeat; background-position:-204px -5px; top:1px;} #navulbghack{ background: url(images/navulbg.png) no-repeat; width:5px; height:5px; position: absolute; margin-top:-5px;} /*-----Content-----内容栏目 */ #article{ position:relative;z-index:1;top:-57px; background: url(images/bg3.png) repeat;} .xcontainer {width: 921px; margin: 0 auto;} .layout{ background:#fff;border-right: 1px solid #d5d5d5;border-left: 1px solid #d5d5d5; } #content { background:#FFF;margin-top:25px; padding:0 30px 0 30px;font-size:15px; width:640px; float:left; border-right: 1px dashed #d5d5d5; line-height:24px; position:relative; z-index:1;} #content .post-content { position:relative; top:-10px;} #content .content-header{ height:70px;} /*作者、分类、评论、编辑、时间 */ #content .post-meta{ color:#a9a9a9; background:url(images/topline.png) no-repeat;font-size:12px;height:42px;clear:both;line-height:15px; } #content .post-meta a{color:#a9a9a9;clear:both;} #content .post-meta a:hover{color:#000;} #content .com-writer{float:left;background:url(images/info.png) no-repeat; background-position: 0px 1px; padding-left:20px;} #content .con-cate{float:left;background:url(images/info.png) no-repeat; background-position: 0px -15px; padding-left:20px; margin-left:10px;} #content .con-commt{float:left;background:url(images/info.png) no-repeat; background-position: 0px -30px; padding-left:20px; margin-left:10px;} #content .con-edit{float:left; width:16px; height:20px; margin-left:10px;text-indent:-99em; } #content .con-edit a{background:url(images/info.png) no-repeat; background-position: 0px -45px; width:16px; height:20px; text-indent:-9999em; display: block;} #content .con-time{ float: right; margin-right:10px;} #content .showclose{float: right; cursor:pointer;} /*single下的作者、分类、评论、编辑、时间 */ #content .post-meta-single{ color:#a9a9a9; background:url(images/topline-single.png) repeat-x;font-size:12px;height:42px;clear:both;line-height:15px; } #content .post-meta-single a{color:#a9a9a9;clear:both;} #content .post-meta-single a:hover{color:#000;} /*滑动提示*/ #godown{width:16px; height:16px; float:right; position: absolute; z-index:99; background: url(images/godown.gif) no-repeat; right:-9px;top:25px; cursor:pointer;} #tip{width:57px; height:24px; float:right; position: absolute; z-index:99; background: url(images/godown.gif) no-repeat; background-position: right; right:8px;top:21px; display:none} /*文章内容样式 */ #content a{color:#00a9e9; text-decoration:none;} #content a:hover{color:#8bbf00; text-decoration:none;} #content h2{ font-size:20px; font-family:Verdana,"\5FAE\8F6F\96C5\9ED1",sans-serif;clear:both; padding-bottom:10px;text-shadow:1px 1px 2px #b5b5b5;} #content h2 a{ text-decoration:none; color:#393939; text-shadow:1px 1px 2px #b5b5b5; font-weight:600;} #content h2 a:hover{color:#00a9e9; text-decoration:none;text-shadow:1px 1px 2px #B1E9FE;} #content h1{font-size:20px;text-shadow:1px 1px 2px #b5b5b5; font-weight:600;margin:-10px 0 30px 0;font-family:Verdana,"\5FAE\8F6F\96C5\9ED1",sans-serif;} #content h3{font-size:18px;font-weight:bold;margin:1em 0 0 0;} #content h4{font-size:16px;margin:1.33em 0;} #content h5{font-size:15px;} #content h6{font-size:14px;} #content hr{ background:url(images/Tline.png) no-repeat; height:13px; border:none;margin:0 0 0 15px;} #content b,#content strong{font-weight:bold;} #content i,#content em,#content var,#content dfn{font-style:italic;} #content th,#content td{display:table-cell;vertical-align:inherit;padding:1px;} #contenty th{font-weight:bold;padding:1px;} #content td{text-align:inherit;padding:1px;} #content p{margin:10px 0;} #content ol{clear:both;margin:0 2em;} #content ol li{background:none;list-style:decimal inside;margin:0; padding:0;} #content .post-content ul{clear:both;margin:0 2em;} #content .post-content ul li{ background: url(images/info.png) no-repeat; background-position:0px -61px;text-indent:1.2em;list-style: none; } #content blockquote{clear:both;display:block;overflow:auto;border:1px solid #ccc;margin:10px 10px 0 10px;padding:4px 10px;width:auto; background:url(images/bqbg.png) repeat; font-size:14px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;} #content code{clear:both;display:block;overflow:auto;border:1px dashed #999;margin:10px 10px 0 10px;padding:10px 10px;width:auto; font-family: "Lucida Console", Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size:12px; background:#e8edf0;line-height:20px;} #content .post-bottom{height:50px;clear:both; margin-top:20px; } /*缩略图样式*/ #content .thumbg{width:162px; height:170px; background:url(images/thumbg.png) no-repeat;margin:0 10px 10px 0; float:left; margin-top:3px;} #content .featured-thumbnail { width:150px; height:150px; overflow:hidden;padding:5px; background: #eee; border-bottom: 1px solid #999; border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc; } /*图片样式 (应用了jquery提示标题效果，id名字不能改动。另外，推荐图片放大插件Auto Highslide，其他的图片插件可能会与其他JQ有冲突*/ #content img{} #content .post-content a img {padding: 5px; background: #eee; border: 1px solid #ccc; margin:0;} #img_wrapper{position: relative; display: inline-block;} #tooltip{background: #000; color: #fff; text-align: center; padding: 6px 0; position: absolute; z-index: 1;} /*read more*/ #content .more-link{float:right;text-indent:-9999em;width:210px;height:18px;background:transparent url(images/more.png) no-repeat 0px 0px;display:block;padding: 0px;margin-top:20px; clear:right; position:relative;} #content a.more-link{text-indent:-9999em;background-color:transparent;} #content a.more-link:hover{background-position:bottom;} /* Downloads Button */ #content div.but_down a{float:left;display:block;background:transparent url(images/dlbutton.png) no-repeat left top;border:none;padding:0 0 0 40px;height:33px;font:12px Tahoma, Arial;color:#123;text-decoration:none; font-size:12px;} #content div.but_down a span{float:left;display:block;background:transparent url(images/dlbutton.png) no-repeat right top;padding:0 10px 0 0;line-height:33px;cursor:pointer;} #content div.but_down a:hover{color:#000;} /*翻页*/ #postnavigation{clear:both;text-align:center; margin:0px 0 30px 0; font-size:12px; font-family: Verdana, Geneva, sans-serif;} #postnavigation a{color:#14322C;} #postnavigation .page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em; margin-left:-20px; margin-top:-20px;} #postnavigation .page_navi a{border:1px solid #ccc; background:url(images/pagenavbg.jpg) repeat-x center;margin:0 2px;padding:4px 7px; color: #999; border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-khtml-border-radius:17px;} #postnavigation .page_navi a:hover, #postnavigation .page_navi a.current{border:1px solid;margin:0 2px;padding:4px 7px; border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-khtml-border-radius:17px;} #postnavigation .page_navi a:hover{background: url(images/pagenavbgcun.jpg) repeat-x bottom;border-color:#085998;color:#F6F6F6;text-decoration:none;} #postnavigation .page_navi a.current{border-color:#a7c035;margin:0 2px;padding:4px 7px;background: url(images/pagenavbgcun.jpg) repeat-x top;color:#F6F6F6;} #content .post-info{clear:both; margin-top:20px; font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica;font-size:12px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color: #999; position:relative;} #content .post-info a{color:#999;padding:1px 3px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;} #content .post-info a:hover{padding:1px 3px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; background: #00a9e9;text-shadow:1px 1px 2px #999; color:#fff;-moz-box-shadow:0px 0px 5px #00a9e9; -webkit-box-shadow:0px 0px 5px #00a9e9; box-shadow:0px 0px 5px #00a9e9;} #content .gotop{ position:absolute; right:8px;padding:0 5px 0 20px ; background: url(images/upcoming-work.png) no-repeat; background-position:2px 4px; border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;display:block; cursor:pointer;} #content .crumbs{ margin:0; padding: 5px 10px 0 10px;} #content .tags{ clear:both; padding-left:10px;} #content .tags a{} #content .tags a:hover{} #content .crumbs ul.breadcrumbs {list-style: none;padding:0;;margin:0px 0 0 0;} #content .crumbs ul.breadcrumbs li {float: left;margin: 0;padding: 0;background: none;list-style: none;} #content .previous{ position:relative;float:left;padding:0px 10px 5px 10px;} #content .next{position:relative;float:right;padding:0px 10px 5px 10px;} #content .next a,#content .previous a{} /* PS：single里上一篇下一篇取消了。好像官方都不推荐，所以不做了 */ /*-----Sidebar-----侧边栏*/ #sidebar { float: right; width:218px;position:relative; top:0px;z-index:0;font-size:12px; color:#888;font-family:Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica;background:#FFF;line-height:20px; padding-top:30px;} #sidebar a{color:#888;} #sidebar a:hover{color:#00a9e9;} #sidebar-layout{ width:218px; margin-top:35px;} #sidebar h3 {font-size:16px; height:42px; line-height:50px; margin:18px 0 0px 0; color:#555; cursor: default;text-shadow:0px 0px 1px #A0A0A0; cursor:pointer;} /* 边栏各种栏目*/ #widgit-sidebar{ padding:0 10px; background:url(images/sidebarother.png) no-repeat; margin:3px 0;} /*小工具扩展的*/ .widget{padding:0 10px; margin:3px 0;} #sidebar-layout ul {margin-top:5px;} #sidebar-layout ul.ulstyle li{ background: url(images/sideulli.png) no-repeat;background-position:0px 7px ;text-indent:1.2em; } #sidebar-recent {background:url(images/side-rencent.png) no-repeat;} #sidebar-commt{background:url(images/side-commt.png) no-repeat;} #sidebar-random { background:url(images/side-random.png) no-repeat;} #sidebar-archives {background:url(images/side-archives.png) no-repeat;} #sidebar-link { background:url(images/side-link.png) no-repeat;} #sidebar-ad{background: url(images/side-ad.png) no-repeat;} #sidebar .sauthor{ color:#333; font-weight:550;} /*-----Comments----- 评论*/ #comments1 {clear:both;margin-left:25px; margin: 20px 0 25px 0;font-size:12px; } #comments1 a{font-family:Verdana, Geneva, sans-serif; text-decoration:none;} #comments1 a:hover{font-family:Verdana, Geneva, sans-serif;text-decoration:none;} #comments1 h3{margin-bottom:10px; height:40px; line-height:35px; font-size:18px; font-family:"Trebuchet MS","\5FAE\8F6F\96C5\9ED1",Tahoma, Arial, Helvetica; font-weight:500;text-shadow:1px 1px 2px #b5b5b5; color:#444;} /*评论里的标题*/ #comments{ padding-left:40px; background: url(images/chat.png) no-repeat;} #respondh3{ padding-left:40px; background:url(images/lamp.png) no-repeat;} .commentlist,.pingbacklist{margin:0 30px; } .commentlist li,.pingbacklist li{padding:5px 0;} .commentlist li .list,.pingbacklist li .list{overflow:hidden;color:#666;font-size:12px;line-height:18px;} .commentlist li .lsti a{color:#666;display:inline;} .pingbacklist li .list a{color:#333;display:inline;} .commentlist li .list a:hover,.pingbacklist li .list a:hover{color:#1b4486;display:inline;} /*博主的样式*/ .commentlist li .list .master{ background:url(images/masterbg.png) repeat; border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;} #comments1 .commentlist li cite{ color: #2D7D9F } .commentlist li .list .gravatar2{float:right;margin:3px;height:32px;width:32px;padding:1px;border:1px solid #ccc; background:#fff; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; } .commentlist .list .master-layout{color:#666; padding:5px;} .commentlist .list .master-layout a { color: #666;} .commentlist .list .mastertext{ margin-top:-3px;} #comments1 .masterinfo{float:right; padding:0 5px;color:#999;} #comments1 .masterinfo a{color:#999;} /*访客的样式*/ .commentlist li .list .customer{ background:url(images/commentbg.png) repeat;border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;} .commentlist li .list .gravatar{float:left;margin:3px;height:32px;width:32px; margin-right:10px;padding:1px;border:1px solid #ccc; background:#fff; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; } .commentlist .list .customer-layout{color:#666; padding:5px;} .commentlist .list .customer-layout a { color: #666;} .commentlist .list .customertext{ margin-top:-3px;} #comments1 .customerinfo{ float:right; padding:0 5px;color:#999; } #comments1 .customerinfo a{color:#999;} /*评论翻页*/ .navigation{ padding:0 35px; margin:10px 0 0 5px;} /*发表评论下的东西*/ .reply{padding-bottom:30px;margin:0 20px;} #author_info{ background:#fff;float: left; margin:10px 10px 0 10px; } .input{ background:#fff ;float:left; margin-left:10px;} .border:focus{ background:#fff ; margin-left:10px;border:1px solid #e8c175;-moz-box-shadow:0px 0px 3px #e8c175; -webkit-box-shadow:0px 0px 3px #e8c175; box-shadow:0px 0px 3px #e8c175;outline:none;} .reply small{position:relative;bottom:5px;font-size:13px;} .reply p{font-size:13px;color:#666;} .reply p a{font-weight:700;color:#000;} .reply p label{margin-left:3px;} /*内容输入框*/ .form_row small{ } .reply input {border:1px solid #CCC;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; height:22px; margin-bottom:5px;} .authoricon { background:url(images/ID.png) no-repeat; padding-left:20px; color:#666;} .emailicon { background: url(images/Mail.png) no-repeat; padding-left:20px; color:#666;} .urlicon { background: url(images/Board.png) no-repeat; padding-left:20px; color:#666;} .reply textarea{background: url(images/inputbg.png) repeat-x top;border:1px solid #ccc;margin:3px 0;padding:3px;width:390px;font-size:13px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; height:150px; overflow: auto } .reply textarea:focus{border:1px solid #e8c175;-moz-box-shadow:0px 0px 3px #e8c175; -webkit-box-shadow:0px 0px 3px #e8c175; box-shadow:0px 0px 3px #e8c175; outline:none;} @-webkit-keyframes bluePulse { /*发光效果*/ from { background-color: #eee; -webkit-box-shadow: 0 0 9px #fff; border:1px solid #CCC;} 50% { background-color: #CFF7F8; -webkit-box-shadow: 0 0 18px #CFF7F8; border:1px solid #B5E8EC;} to { background-color: #eee; -webkit-box-shadow: 0 0 9px #fff;border:1px solid #CCC; } } .reply .comm_submit{ height:40px;} #submit{border:1px solid #CCC;background-color: #eee;line-height:30px; border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px; -webkit-animation-name: bluePulse; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; cursor:pointer; margin:10px; } /*-----Footer-----页脚*/ #footer { background: url(images/blackbg.png) repeat;} .fcontainer {width: 921px; margin: 0 auto;background-position-y:bottom; background-image:url(images/light.png); background-repeat:no-repeat; } #footerbg { background: url(images/footerbg.png) repeat-x;height:83px; margin-top:-90px; position:relative; z-index:99;} .footerbar{ position:relative; width:800px; top:-30px; z-index:99; color:#b2b2b2;font-size:13px; line-height:20px;color:#838383;} .footerbar a{color: #838383; } .footerbar a:hover{color: #FFF;} .fcontainer h4{text-indent:-9999em;clear:both; display:block;} .footertitleinfo{ background:url(images/footerinfo.png) top right no-repeat; margin-bottom:10px;text-indent:-9999em; line-height:27px;} .footertitlepost{ background: url(images/footerpost.png) top left no-repeat;margin-bottom:10px;} .footertags{ background:url(images/footertags.png) top center no-repeat; margin-bottom:10px;} #tag{ text-align:center;} .footerinfo{position: absolute; right:-110px;width:250px; top:1px; padding:20px 10px; text-align:right;} .widgit-layout{ width:250px; padding:20px 20px;float:left;} .widgit-layout2{ width:250px; padding:20px 30px;float:left; text-align:center;} .rss{ background:url(images/feed.png) no-repeat; padding-left:20px;} .twitter{background: url(images/twitter.png) no-repeat; padding-left:20px;} /* 填充用，不能删除 */ #copyright{width:900px; clear:both; text-align:right;} /* 其他 */ .right {float: right;} .left {float: left;} .clear {clear: both;} /* 文字环绕图片*/ .aligncenter,div.aligncenter {float: none;margin-left:auto;margin-right:auto;} .alignleft {float: left;} .alignright {float: right;} #content .post-content .alignleft {float: left;margin:0 10px 10px 0;} #content .post-content .alignright {float: right;margin:0 0 10px 10px;} .wp-caption { border: 1px solid #ddd; text-align: center;background-color: #f3f3f3;padding: 4px; margin:10px;font-size: 12px;} /* 呼呼，写道最后了…… 好辛苦……*/