分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

博客园自定义CSS代码

发布时间:2023-09-06 01:34责任编辑:顾先生关键词:CSS
* {margin: 0;padding: 0;}ul { list-style-type: none; }ul::after{ ???content:‘‘; ???display:block; ???clear: both;}a, a:link,a:visited,a:hover,a:active { ???color: black; ???text-decoration: none;}#blogTitle,#blog-calendar,#blogCalendar,.entrylistDescription,#widget_my_google,.dayTitle, #footer,#ad_t2, #cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb,#navigator .blogStats,#author_profile,#post_next_prev{ display: none; }.clear { clear:both; }#navList { ???margin: 0; ???padding: 0; ???overflow: hidden; ???background-color: #333; ???font-size:18px;}#navList li { ???float: left;}#navList li a { ???display: block; ???color: white; ???text-align: center; ???padding: 0.5em 0.5em; ???text-decoration: none;}#navList li a:hover { ???background-color: #fff; ???color:black;}/*总体布局*/#mainContent { ???width: calc( 100% - 260px ); ???float:left;}#sideBar { ???width:260px; float: right;}/*文章*/.forFlow { ???font-size:14px; ???margin:1em 1em 0 0.3em; ???line-height: 1.5em;}.postTitle { ???font-size:16px; ???background: #ccc; ???border-radius: 5px 5px 0 0; ???padding:0.4em 1em;}.postDesc { ???font-size:12px; ???text-align: right; ???color:gray;}/*文章列表*/.postCon { ???border-left:1px solid #ccc; ???border-right:1px solid #ccc; ???padding: 0.3em 0.3em 0 0.3em;}.c_b_p_desc a { color:blue; }.c_b_p_desc a:before { content: ‘~‘; }.c_b_p_desc a:after { content: ‘~‘; }.c_b_p_desc::before { ???content: ‘‘; margin-left:2em;}.day .postDesc{ ???border:1px solid #ccc; ???border-top:none; ???margin-bottom: 1em; ???padding-bottom: 0.3em; ???padding-right: 0.5em;}/*文章内容*//*#post_detail { line-height: 1.5em; }*/#green_channel { float: left;}#div_digg { ???float: left; ???margin: 10px 0 0 20px; ???width: auto;}#div_digg div { margin-top: 0; }#cnblogs_post_body { ???border:1px solid #ccc; ???border-top:none; ???padding: 0.3em 0.3em 0 0.3em;}/*评论*/#blog-comments-placeholder .feedback_area_title{ ???font-size:16px; background: #ccc; ???border-radius: 5px 5px 0 0; ???padding:0.4em 1em;}#blog-comments-placeholder .feedbackItem { ???border:1px solid #ccc; ???border-top:none; ???padding: 0.3em 0.3em 0 0.3em;}#comment_nav { margin: 1em 0; }#comment_nav a { ???background-color: #555; ???border: none; ???border-radius: 5px; ???color: white; ???padding: 5px 10px; ???text-align: center; ???text-decoration: none; ???display: inline-block; ???font-size: 14px; ???height:auto; ???margin-left: 0.5em;}#comment_form_container { ???border:1px solid #ccc; ???border-radius: 5px 5px 0 0;}#commentform_title { ???font-size:16px; background: #ccc; ???padding:0.4em 1em;}#comment_form_container p,#comment_form_container .commentbox_main{ ???padding: 0 0.3em; width:auto;}.commentbox_title { width:auto; }#tbCommentBody { width:100%; }#btn_comment_submit, #commentbox_opt a{ ???background-color: #4CAF50; ???border: none; ???border-radius: 5px; ???color: white; ???padding: 5px 10px; ???text-align: center; ???text-decoration: none; ???display: inline-block; ???font-size: 14px; ???width: auto; ???height:auto;}#commentbox_opt a { ???background-color: #f44336; ???line-height: 22px;}/*侧边栏*/#sideBarMain { ???font-size:14px; ???margin:1em 0.3em 0 0;}#sideBarMain .newsItem,#sidebar_search.sidebar-block,#sidebar_postcategory,#sidebar_postarchive,#sidebar_shortcut,#sidebar_topviewedposts,#sidebar_toptags,#sidebar_recentcomments,#sidebar_topcommentedposts,#sidebar_topdiggedposts,#sidebar_各类框架库标准的文档或api等,#sidebar_nDosLink{ ???margin-top:1em; ???border-radius: 5px 5px 0 0; ???border:1px solid #ccc;}.catListTitle { ???font-size:16px; ???padding:0.4em 1em; ???background: #ccc;}.catListTitle+div,.catListTitle+ul{ padding: 0.5em; }#sideBarMain li { ???float: left; ???padding: 0 0.5em; ???line-height: 1.8em;}/*搜索框*/#q { ???margin:0; ???height: 27px; ???border: 1px solid #008CBA; ???width: 150px;}#btnZzk { ???background-color: #008CBA; ???border: none; ???border-radius: 5px; ???color: white; ???padding: 5px 10px; ???text-align: center; ???text-decoration: none; ???display: inline-block; ???font-size: 14px; ???height:auto;}#myposts { ???border-radius: 5px 5px 0 0; ???border:1px solid #ccc; ???margin-left: 0;}.myposts_title { ???font-size:16px; ???padding:0.4em 1em; ???background: #ccc;}.pager, .postText2 { ???margin: 0; ???padding: 0; ???clear: both;}#myposts .PostList { ???margin: 0 1em; ???height: auto; ???vertical-align: center;}.PostList:hover{ background: #eee; }#myposts a { font-size: 14px; }#myposts span { float: right; }@media screen and (max-width:760px) { ???#mainContent { width: 100%; } ???#sideBar { width: 100%; } ???.forFlow { margin-right:0.3em; } ???#sideBarMain { margin-left:0.3em; } ???#green_channel { margin:10px auto; float: none; } ???#author_profile { ???????display: block; ???????width: auto; ???????margin: 0 0 0 2em; ???} ???#div_digg { margin: 0 2em 0 0; float:right;} ???.postDesc { text-align: center; } ???#comment_form { margin-left: 0; } ???#myposts span { float: none; display: block; }}

博客园自定义CSS代码

原文地址:https://www.cnblogs.com/ndos/p/8214705.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved