123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334 |
- @charset "utf-8";
- @import url("../../../css/common.css");
- body{ background:url(../images/body_bg.jpg) repeat center top;font-size:12px;font-family:Arial,Console,Verdana,Courier New;}
- p{ margin:0; padding:0; }
- a{color:#CA0000; text-decoration:none;}
- a:hover{text-decoration:none;color:#200;}
- /*#container{background:url(../images/head_bg.jpg) no-repeat center -25px;}*/
- /* header style */
- .csdn-toolbar .container{width:96%; max-width:1200px; margin:0px auto;}
- #header{width:980px; height:36px; margin:0 auto; padding:35px 0 0 0; text-align:left;}
- #blog_title h2{ margin:0 25px 0 0; color:#000; font:bold 32px/32px 'Microsoft YaHei';}
- #blog_title h3{ padding:2px 0 0 0; color:#FFA200; font:normal 15px/30px 'Microsoft YaHei';}
- #blog_title a{color:#fff;}
- #blog_title a:hover{color:#def;text-decoration:none;}
- /* navigator style */
- #navigator{display:block; *display:inline-block; clear:both; height:42px; margin:0 auto; width:96%; max-width:1200px; padding:100px 0px 0 0; text-align:left;}
- .navigator{text-align:right;}
- .navigator:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- .navigator ul{float:right;}
- .navigator li{display:inline; float:left; margin:0 5px;}
- .navigator li a{display:inline-block; height:26px; padding:0 0 0 10px; color:#666; background:url(../../../images/btn_pub_nav.gif) no-repeat left 0; font:normal 12px/26px Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer;}
- .navigator li a span{display:inline-block; height:16px; padding:5px 10px 5px 0; background:url(../../../images/btn_pub_nav.gif) no-repeat right -26px; line-height:16px;}
- .navigator li a span img{margin:0 4px 0 0; vertical-align:middle;}
- /* body style */
- #body{display:block; *display:inline-block; width:96%; max-width:1200px; margin:10px auto; /*-moz-box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333;*/ text-align:left;}
- #body:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- /* box title style */
- .panel_head { clear: both; height: 30px; padding: 0 5px; background: url(../images/tit_bg.jpg) repeat-x top; color: #333; font: bold 12px/30px Arial; text-indent: 5px; }
- .panel{margin:0 0 10px 0; padding:1px; border:solid 1px #000; background:#fff;}
- .side .panel_body{padding:4px 10px;}
- .panel_body li{color:#666;margin:8px 0px;}
- .panel_body li span{}
- .panel_body li a{/*color:#ff2a00;*/}
- #main{float:right; width:100%; margin-left:-210px; overflow:hidden; }
- #main .main{_float:right; min-width:700px; margin-left:210px; padding:1px; border:solid 1px #000; background:#fff;}
- #notice { margin:5px 10px;}
- .notice{margin:10px 10px; padding:2px 4px 2px 20px; border:dashed 1px #f8cc7e; background:#fffce7 url(../../../images/ico_notice.png) no-repeat 5px center; _background:#fffce7 url(../../../images/ico_notice.gif) no-repeat 5px center; font:normal 12px/22px Arial;}
- .notice a{color:#ff5a00;}
- /* article style */
- .list_item{display:block; *display:inline-block; clear:both; background:url(../images/line_1.gif) repeat-x bottom;}
- .list_item:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- .list{margin:20px 20px 0 20px;}
- /* title style on list */
- .article_title{display:block; margin:5px 0px; color:#000; font:normal 20px/30px 'Microsoft YaHei';}
- .article_title:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- .article_title a{color:#000;}
- .article_title a:hover{color:#666;}
-
- /* article type icon */
- .article_title .ico{display:inline-block; width:19px; height:19px; margin:0 2px 0 0;}
- .article_title .ico_type_Original{background:url(../../../images/ico_Original.gif) no-repeat 0 0; vertical-align:middle;}/* 原创icon */
- .article_title .ico_type_Repost{background:url(../../../images/ico_Repost.gif) no-repeat 0 0; vertical-align:middle;}/* 转载icon */
- .article_title .ico_type_Translated{background:url(../../../images/ico_Translated.gif) no-repeat 0 0; vertical-align:middle;}/* 转载icon */
-
- /* article title */
- .article_title h1{display:inline; font:normal 20px/30px 'Microsoft YaHei'; vertical-align:middle;}
-
- /* article summary */
- .article_description{color:#666; font:normal 14px/24px Arial;}
-
- /* article control area */
- .article_manage{padding:5px 0; color:#999; font:normal 12px/24px Arial; text-align:right;}
- .article_manage span{margin:0 5px;}
- /*.article_manage a{color:#ff2a00;}*/
- .article_manage .link_postdate{margin:0 5px 0 0;}
- .article_manage .link_view{padding:0 0 0 14px; background:url(../../../images/ico_view.png) no-repeat left center; _background:url(../../../images/ico_view.gif) no-repeat left center;}
- .article_manage .link_comments{padding:0 0 0 14px; background:url(../../../images/ico_comm.png) no-repeat left center; _background:url(../../../images/ico_comm.gif) no-repeat left center;}
- .article_manage .link_categories{float:left;}
- /* article list view */
- .list_view{margin:0 20px; padding:5px 0;}
- .list_view .article_title{display:inline; float:left; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 !important; font:normal 14px/30px Arial !important;}
- .list_view .article_title:after{content:"...";}
- .list_view .article_title h3{font:normal 12px/30px Arial !important;}
- .list_view .article_title h1{font:normal 12px/30px Arial !important;}
- .list_view .article_manage{display:inline; float:right; padding:0 !important; line-height:30px !important; text-align:right !important; white-space:nowrap;}
- .list_view .article_description{display:none !important;}
- .list_view .article_manage span{margin:0 !important;}
-
- /* article details */
- .details{margin:20px;}
- .details .article_content{margin:20px 0 0 0;font-family:Courier New,Console,Verdana,"Microsoft YaHei";font:normal 14px/26px Arial; }
- /* article content initialvalue style */
- .article_next_prev{display:block; *display:inline-block; color:#666; font:normal 14px/24px "Microsoft YaHei",Arial, Helvetica, sans-serif; clear:both; float:left;margin:0px 0 5px 0;padding: 0; padding-top:10px;}
- .article_next_prev li{list-style-type:none;clear:both; padding:0 0 3px; overflow:hidden;}
- .article_next_prev:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- .article_next_prev li span{display:block; float:left;width:52px; padding:0 0 0 27px;height:26px;background-color:#999999; color:#fff; font-size:14px;margin-right:7px;}
- .article_next_prev li:hover span{background-color:#c00;}
- .article_next_prev li.prev_article span{background-image:url(../images/blog-page-arr.png);background-repeat:no-repeat;background-position:9px 8px;}
- .article_next_prev li.next_article span{background-image:url(../images/blog-page-arr.png);background-repeat:no-repeat;background-position:9px -22px;}
- .article_next_prev li a{display:block; float:left;font-size:14px; color:#333333;}
- .article_next_prev li a:link,.article_next_prev li a:visited,.article_next_prev li a:hover{color:#333;}
- .article_next_prev li:hover a,
- .article_next_prev li:hover a:link,
- .article_next_prev li:hover a:visited,
- .article_next_prev li:hover a:hover{color:#c00;}
- .commentform ul{margin:0px;}
- .commentform li{margin:0px;list-style-type:none;}
- /* digg style */
- .ico_expert{width:69px; height:60px; margin:0 auto; background:url(../../../images/ico_expert.jpg) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/ico_expert.png");}
- #digg{display:block; *display:inline-block; clear:both; width:182px; _width:188px; margin:0 auto; padding:30px 0 15px; text-align:center;}
- #digg:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- .digg{display:inline-block; float:left; width: 72px; height: 72px; overflow:hidden; margin:0 2px; background:#ff7900; text-align:center;}
- .digg dt{margin:0px;padding:12px 0 3px 0; color:#fff; font:normal 27px/30px 'Microsoft YaHei';}
- .digg dd{margin:0px;color:#fff; font:normal 12px/22px Arial;}
- .digg_enable{ background:#ff7900; text-align:center; cursor:pointer;}
- .digg_disable{ color:#fff;background:#ff999;}
- .digg_disable dd{color:#fff;}
- /* page navigation style */
- .pagelist{clear:both; padding:15px 0; color:#666; font:normal 12px/24px Arial; text-align:center;}
- .pagelist a{display:inline-block; height:22px; margin:0 2px; padding:0 8px; border:solid 1px #dbe5ee; background:#fff; color:#333; font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer;}
- .pagelist strong{display:inline-block; height:24px; margin:0 3px; padding:0 8px; border:none; background:#07519a; color:#fff; font-weight:normal; line-height:24px; text-decoration:none;}
- .pagelist a:hover{height:24px; margin:0 3px; border:none; background:#07519a; color:#fff; line-height:24px; text-decoration:none;}
- .pagelist a.select{cursor:default;}
- #side{float:left; width:200px; overflow:hidden; line-height:120%; }
- #side .side{}
- #side a{color:#CA0000;}
- #side a:hover{color:#200;}
- /* personal information */
- #panel_Profile{ }
- #panel_Profile span{color:#333;}
- .ico_expert{ background:url(../images/ico_expert.png) no-repeat;}
- #blog_userface{margin:0 0 5px 0; padding:10px; text-align:center;}
- #blog_userface img{max-width:160px; padding:2px; border:solid 1px #ddd;}
- #blog_userface span{display:block; font-weight:bold; text-align:center;}
- #blog_medal{text-align:center;}
-
- #blog_rank{display:block; *display:inline-block; margin:5px; padding:5px; line-height:185%; background:url(../images/line_1.gif) repeat-x bottom; color:#666;}
- #blog_rank:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- #blog_rank li{}
- #blog_rank li span{ color:#333;}
-
- #blog_statistics{display:block; *display:inline-block; margin:10px 10px; color:#666;}
- #blog_statistics:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- #blog_statistics li{float:left; width:50%;margin:4px 0px;}
- #blog_statistics li span{ color:#333;}
- #blog_statistics li a{}
- /* search */
- #panel_Search{ }
-
- #panel_Search .panel_body:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- #panel_Search .panel_body span{float:left;}
- #panel_Search .form_search{background:#fff;
- border: 1px solid #CCCCCC;
- display: block;
- height: 24px;
- margin: 10px 0;
- overflow: hidden;
- padding: 0 3px;}
- #panel_Search .panel_body .blogsearch{ border: medium none;
- color: #666666;
- height: 20px;
- margin: 2px 5px 0 0;
- width: 140px;}/* search input */
- #btnSubmit{background: url("../images/ico_sear.gif") no-repeat scroll 0 0 transparent;
- border: medium none;
- cursor: pointer;
- display: inline-block;
- height: 16px;
- line-height: 999px;
- margin: 5px 0 0;
- overflow: hidden;
- text-indent: -1000px;
- width: 16px;}/* search icon */
- /* classfiy */
- #panel_Category{ }
- #newcomments{}
- #load_comments{cursor:pointer;font-size:14px;font-family:"微软雅黑";line-height:30px;border:solid 1px #ddd;margin:5px;display:block;height:30px;text-align:center;background:url(../images/commentsbarbg.jpg) repeat-x bottom 0;}
- /* archive */
- #panel_Archive{}
- #panel_Archive li{display:block; *display:inline-block;}
- #panel_Archive li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- /*#panel_Archive li a{color:#333;}*/
- #panel_Archive .list_closed{float:right; padding:0 0 0 12px; background:url(../../../images/arrow_down.gif) no-repeat left center; color:#666; cursor:pointer;}
- #panel_Archive .list_opended{float:right; padding:0 0 0 12px; background:url(../../../images/arrow_up.gif) no-repeat left center; color:#666; cursor:pointer;}
- #archive_list{display:block; *display:inline-block; margin-bottom:5px;}
- #archive_list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
- .comment_item fieldset{padding:0 10px; border:solid 1px #ddd; background-color:#f1f1f1;color:#999;}
- .comment_head,.commentform_title{clear: both; background:#E4E4E4; color:#888; padding:1px 4px; }
- .comment_head a,.commentform_title a{color:#369;}
- .comment_reply .comment_head{background-color:#EFEFEF;}
- .comment_reply{background-color:#F7F7F7;}
- .newcomment{ border: 1px solid #eee; padding: 10px; line-height: 20px; margin: 5px; width: 90%; background-color: #f6f6f6; }
- .commentform_title{color:#000; font-size:14px;}
- .commentform .comment_btn{width:85px; height:26px; margin:10px 0 0 90px; border:none; background:url(../images/submit_bg.gif) no-repeat 0 0; color:#666; font:normal 12px/26px Arial, Helvetica, sans-serif; text-align:center;}
- .guest_link{ background-color:#EEe; border:solid 1px #E4E4E4; margin:10px; padding:10px;font-size:12px;}
- #main .panel_head{margin:5px 0; background:url(../images/tit_bg.jp
- g) repeat-x; }
- #side #profile{ margin-top:0;}
- #baidu_clb_slot_117306{ margin-bottom:10px;}
- .announce{ margin:0 15px 10px;}
- .commentform{margin:0 10px 10px;}
- .commentform .panel_head{margin:5px 0 !important;}
- .digg_enable{ background:#ff7900; text-align:center; cursor:pointer;}
- .digg_disable{ background:#999; text-align:center; cursor:pointer;}
- #container .pub_footerall dd,#container .pub_footerall a { color:#fff;}
- .medal_intro { padding-top:26px;}
- /* recommendations */
- .blog-associat-tag{
- clear:both;
- overflow:hidden;
- padding:25px 20px 10px;
- margin:10px 0px 0;
- background:#f5f5f5;
- }
- .blog-associat-tag dt,.blog-associat-tag dd{
- float:left;
- margin:0;
- padding:0;
- line-height:23px;
- }
- .blog-associat-tag dt{
- font:normal normal 16px/23px "Microsoft YaHei";
- width:86px;
- }
- .blog-tage-red{
- display:block;
- float:left;
- height:20px;
- line-height:20px;
- color:#333333;
- padding:0 14px;
- border-radius:10px;
- margin:2px 5px 0;
- background:#e7e7e7;
- }
- .blog-tage-red:link,.blog-tage-red:visited{
- color:#333333;
- }
- .blog-tage-red:hover{
- background:#cc0000;
- color:#fff;
- }
- .blog-ass-articl{
- clear:both;
- overflow:hidden;
- margin:0px 0px 10px;
- padding:0 20px 20px;
- background:#f5f5f5;
- }
- .blog-ass-articl dt{
- clear:both;
- overflow:visible;
- font:normal normal 16px/35px "Microsoft YaHei";
- margin:0;
- padding:0;
- height:35px;
- margin:10px 0 15px;
- border-bottom:2px solid #cccccc;
- }
- .blog-ass-articl dt span{
- display:block;
- float:left;
- height:35px;
- border-bottom:2px #cc0000 solid;
- }
- .blog-ass-articl dd{
- color:#369;
- width:42%;
- float:left;
- overflow:hidden;
- font:normal normal 12px/23px "SimSun";
- height:23px;
- margin:0;
- padding: 0 0 0 10px;
- margin-right:30px;
- background: url(../images/blog-dot-red3.gif) no-repeat 0 10px;
- }
- .blog-ass-articl dd a:link,.blog-ass-articl dd a:visited,.blog-ass-articl dd a:hover{color:#000;}
- .blog-ass-articl dd a:hover{text-decoration:underline;color:#cc0000;}
- .details .article_content img{max-width:100%;}
- .q-reply{
- cursor: pointer;
- border: 0px;
- bottom: 35px;
- min-width: 40px;
- height: 40px;
- margin: 0px;
- padding: 0px;
- position: fixed;
- right: 40px;
- border-radius:0;
- line-height:16px;
- color:#fff;
- }
- .backtop{
- cursor: pointer;
- border: 0px;
- bottom: 80px;
- min-width: 40px;
- height: 40px;
- margin: 0px;
- padding: 0px;
- position: fixed;
- right: 40px;
- border-radius:0;
- line-height:16px;
- color:#fff;
- }
- .glyphicon {
- position: relative;
- top: 1px;
- display: inline-block;
- font-family: 'Glyphicons Halflings';
- font-style: normal;
- font-weight: normal;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
|