/*
* CodingLife模板优化
* author stumpx
*//*手机外壳，参考Framework7官网 */
@media (min-width:430px) {.phone {position:relative;background:#111;border-radius:55px;box-shadow:0px 0px 0px 2px #aaa;width:320px;height:568px;padding:100px 25px 105px;display:inline-block;
}
.phone:before {content:'';width:60px;height:10px;border-radius:10px;position:absolute;left:50%;margin-left:-30px;background:#333;top:50px;
}
.phone:after {content:'';position:absolute;width:60px;height:60px;left:50%;margin-left:-30px;bottom:20px;border-radius:100%;box-sizing:border-box;border:5px solid #333;
}
.phone img {width:100%
}
}@media (min-width:460px) {.phone.phone-android {border-radius:20px;width:360px;padding:60px 20px;height:640px;margin-top:9px;
}
.phone.phone-android:before {width:14px;height:14px;border-radius:50%;position:absolute;left:50%;margin-left:-7px;background:#666;top:25px;
}
.phone.phone-android:after {content:'';width:8px;height:8px;border-radius:50%;position:absolute;left:50px;background:#444;top:30px;margin-left:0;
}
#sidebar_toptags {display:block;
}
#sidebar_toptags li {display:none;
}
#sidebar_toptags li:hover {background-color:transparent;
}
#sidebar_toptags li:hover a {color:#777;
}
#sidebar_toptags li:last-child {display:block;
}
#sidebar_recentcomments {display:none;
}
#blog-calendar {display:none !important;
}
#sidebar_topcommentedposts {display:none;
}
#blog_nav_sitehome {display:none;
}
#blog_nav_rss {display:none !important;
}
#sidebar_shortcut {display:none;
}
}/*/手机外壳*/.catListTitle {border-top-left-radius:5px;border-top-right-radius:5px;background-color:#f6f8fa;border:none;border-bottom:1px solid #eee;font-size:16px;color:#555;
}
/*大屏*/@media (min-width:769px) {#blog_post_info {border:1px dashed #dedede;
}
#green_channel {display:inline-block;border:none;
}
#author_profile {display:none;
}
.cnblogs_code {border:none;border-left:5px solid #dedede;padding-left:10px;
}
/*翻页*/#nav_next_page {/*text-align:center;*/
}
.pager {font-size:44px;margin:10px 0;text-align:center;color:#999;line-height:30px;
}
.pager a {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:none !important;color:#ffffff;margin:0 1px;padding:7px 10px;text-decoration:none;height:19px;line-height:19px;font-size:12px;background-color:#ea6f5a;
}
.pager a:hover {border:none !important;color:#ffffff !important;margin:0 1px !important;padding:5px 10px !important;text-decoration:none;height:19px !important;line-height:19px !important;font-size:12px !important;background-color:#ea6f5a !important;
}
#nav_next_page a {background-color:#ea6f5a;height:33px;line-height:33px;font-size:14px;
}
.topicListFooter {height:89px;
}
.topicListFooter:empty {display:none;
}
#nav_next_page a:hover {background-color:#ea6f5a;
}
/*/翻页*/#navigator {min-width:1200px;/*border-bottom-left-radius:5px;border-bottom-right-radius:5px;*/background-color:#24292e;border:none;box-shadow:0 1px 3px #bebebe;
}
#blog-calendar .CalTitle td,#blog-calendar .CalTitle td a {text-align:center;line-height:30px;background-color:transparent;color:black;
}
#blogCalendar:not(.CalTitle) a {display:block;background:#ea6f5a;color:white;border-left:1px solid #f0eef5;width:calc(100% - 1px);
}
div.commentform textarea {width:100%;width:calc(100% - 15px);height:80px;padding:5px;
}
.commentbox_title {line-height:22px;
}
div.commentform input.author {background-color:transparent;border:none;border-bottom:1px solid #dedede;margin-bottom:5px;padding-bottom:2px;width:200px;
}
#under_post_news {width:auto;
}
#comment_nav {padding:0 20px;
}
#sidebar_search_box input {border-radius:0;box-shadow:none;
}
#sidebar_search_box input.input_my_zzk {border-top-left-radius:3px;border-bottom-left-radius:3px;
}
#sidebar_search_box input.btn_my_zzk {background:#ea6f5a;margin-left:-6px;border-top-right-radius:3px;border-bottom-right-radius:3px;
}
#blog-comments-placeholder:empty {display:none;
}
#taglist_main {margin-top:0;background:white;padding:20px;border-radius:5px;border:none;box-shadow:0 0 5px #dedede;
}
#taglist_main:hover {box-shadow:0 0 5px #bebebe;
}
#taglist_title {font-size:18px;
}
#taglist_title_wrap {text-align:center;font-size:18px;line-height:35px;
}
#MyTag1_dtTagList {width:100%;
}
.catListTag ul li a:hover {color:#fff;
}
#under_post_news,#under_post_kb {margin-top:20px;
}
#mainContent .day:first-of-type {border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:20px;
}
#mainContent .day:nth-first-child(2) {border-top-left-radius:5px;border-top-right-radius:5px;
}
#mainContent .day:nth-first-child(1) {border-top-left-radius:5px;border-top-right-radius:5px;
}
#mainContent .day:nth-last-child(2) {border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}
#mainContent .day:nth-last-child(1) {border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}
#mainContent .day {border-radius:5px;margin-bottom:20px;border:none;box-shadow:0 0 5px #dedede;
}
#mainContent .day:hover {border:none;box-shadow:0 0 5px #00f;
}
.newsItem .catListTitle {border-top-left-radius:5px;border-top-right-radius:5px;background-color:#f6f8fa;border:none;border-bottom:1px solid #eee;font-size:16px;color:#555;
}
.newsItem #profile_block {border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:none;font-size:14px;
}
.newsItem #profile_block:hover {border-color:#dedede;
}
.newsItem #p_b_follow {text-align:center;
}
.newsItem #p_b_follow a {border:1px solid #ea6f5a;border-radius:3px;padding:5px 15px;
}
#profile_block a {font-size:14px;
}
#profile_block a:first-child {color:#ea6f5a;font-size:16px;
}
.sidebar-block {border-radius:5px;overflow:hidden;box-shadow:0 0 5px #dedede;
}
.sidebar-block:hover {box-shadow:0 0 5px #00f;
}
.catListView,.catListFeedback {margin-top:0;
}
.sidebar-block ul {border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:none;
}
.sidebar-block h3 {border-top-left-radius:5px;border-top-right-radius:5px;background-color:#f6f8fa;border:none;border-bottom:1px solid #eee;font-size:16px;color:#555;
}
.div_my_zzk {border:none !important;
}
#widget_my_google {border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}
#topics,#comment_form_container,#under_post_news,#under_post_kb {border-radius:5px;border:none;box-shadow:0 0 5px #dedede;
}
#topics:hover,#comment_form_container:hover,#under_post_news:hover,#under_post_kb:hover {border-radius:5px;border:none;box-shadow:0 0 5px #00f;
}
#myposts .PostList {border-radius:5px;
}
#sideBar .newsItem {box-shadow:0 0 5px #dedede;border-radius:5px;overflow:hidden;
}
#blog-news {margin-bottom:0;
}
#sideBar .newsItem:hover {box-shadow:0 0 5px #00f;
}
.sidebar-block ul li:last-child {border-bottom:none;
}
.postSeparator {border-radius:5px;border-top:1px dashed #bebebe;
}
.day:hover .postSeparator {border-top:1px dashed #ea6f5a !important;
}
.entrylistItem {border-radius:5px;border:none;box-shadow:0 0 5px #dedede;
}
.entrylistItem:hover {border:none;
}
.entrylistTitle,.myposts_title {padding:0 20px;
}
.day .postTitle:hover a {color:#ea6f5a;
}
#comment_form [id^="cnblogs_c"],#comment_form [id^="ad_t"] {display:none !important;
}
body {background-size:auto 197px;background:none !important;background:#fafafa !important;
}
#blogTitle {width:100%;background-size:800px;background-position:0px 20px;height:197px;background:none;display:none !important;
}
#navList li a:link {text-shadow:none;
}
#navList li:hover a {color:#24292e;text-shadow:none;
}
.dayTitle {background-color:#ea6f5a;border-radius:3px;display:none;
}
.day .postTitle {font-size:20px;
}
.sidebar-block ul li {padding:12px 10px 12px 20px;border-bottom:1px solid #eee;
}
}/*/大屏*//*小屏*/@media (max-width:768px) {.dayTitle {background-color:#ea6f5a;display:none;
}
#topics {border-left:none;border-right:none;
}
#blog-comments-placeholder {border-left:none;border-right:none;
}
#blog-comments-placeholder:empty {display:none;
}
#navigator {min-width:auto;background:#24292e;border:none;
}
body {background-size:auto 197px;background:none !important;
}
#blogTitle {width:100%;background-size:800px;background-position:0px 20px;height:197px;background:none;display:none !important;
}
#blogTitle h1 {width:300px;left:0;top:33px;
}
#blogTitle h2 {display:none;
}
#navList {width:100%;
}
#navList li:hover a {color:#24292e;text-shadow:none;
}
#mainContent .day {border-left:none;border-right:none;
}
#mainContent .day:hover {border-color:#ea6f5a;
}
#mainContent .day:hover .postSeparator {border-top:1px dashed #ea6f5a;margin:20px 0;clear:both;
}
#mainContent .topicListFooter {height:50px;line-height:0;font-size:16px;margin:20px 0;padding:0 20px;
}
#mainContent .topicListFooter:empty {display:none;
}
#sideBar {width:100%;margin-left:0;
}
#blog-calendar {display:none !important;padding:10px 15px;border:1px solid #dedede;border-left:none;border-right:none;background-color:white;
}
#profile_block,#widget_my_zzk,#widget_my_google,.div_my_zzk {border-left:none;border-right:none;
}
#blog-calendar .CalTitle td,#blog-calendar .CalTitle td a {text-align:center;line-height:30px;background-color:white;color:black;
}
#sidebar_search_box input {border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
}
#sidebar_search_box input[type=text] {width:188px !important;width:calc(100% - 115px) !important;border-radius:0;
}
#sideBar .sidebar-block ul {border:none;
}
#sideBar .sidebar-block ul li {padding:10px 20px;
}
#comment_form_container {border-left:none;border-right:none;
}
div.commentform input.author,div.commentform input.email,div.commentform input.url {width:244px;width:calc(100% - 35px);
}
div.commentform textarea.comment_textarea {width:100% !important;max-width:100%;
}
#under_post_news {width:100%;height:auto;padding:15px 0;border-left:none;border-right:none;margin-top:20px;
}
#cnblogs_c1 {/*padding:0;*/
}
#cnblogs_c1 a,#cnblogs_c1 img,#cnblogs_c2 a,#cnblogs_c2 img {display:block;max-width:100% !important;width:100% !important;height:auto !important;
}
#under_post_kb {border-left:none;border-right:none;
}
#ad_t2 {margin-top:20px;padding:0 20px;
}
.c_ad_block {margin-top:15px;padding:0 15px;
}
#commentbox_opt .comment_btn {width:50%;border:none;display:inline-block;line-height:30px;text-align:center;
}
#commentbox_opt a {width:45%;display:inline-block;padding-left:0;text-align:center;
}
#comment_nav {padding:5px 20px;
}
#green_channel {width:100% !important;padding-left:2px;
}
#green_channel a {margin-right:4px;
}
#green_channel a:last-child {margin-right:0;
}
#div_digg {margin-right:0;width:100%;
}
#div_digg .buryit {margin-left:0;margin-right:20px;
}
#div_digg .diggit {margin-left:0;margin-left:20px;
}
.sidebar-block h3 {font-size:16px;background-color:#f6f8fa;border:#bebebe;color:#333;
}
#cnblogs_post_body img {max-width:100% !important;
}
.day .postTitle {font-size:18px;line-height:31px;
}
.day .postTitle:hover a {color:#ea6f5a;
}
#topics .postTitle {font-size:18px;margin:0 -20px 20px;padding:0 20px;line-height:30px;
}
#myposts {margin-left:0;
}
#myposts .myposts_title {font-size:20px !important;padding:0 20px;
}
#myposts .Pager:only-child {display:none;
}
.pager {font-size:44px;margin:10px 0;text-align:center;color:#333;line-height:30px;
}
.pager a {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ea6f5a;color:#ffffff;margin:0 1px;padding:7px 10px;text-decoration:none;height:19px;line-height:19px;font-size:12px;background-color:#ea6f5a;
}
.pager a:hover {border:1px solid #ea6f5a !important;color:#ffffff !important;margin:0 1px !important;padding:8px 10px !important;text-decoration:none;height:12px !important;line-height:12px !important;font-size:12px !important;background-color:#ea6f5a !important;
}
#nav_next_page a {background-color:#ea6f5a;height:37px;line-height:37px;font-size:14px;
}
#nav_next_page a:hover {background-color:#ea6f5a;
}
#myposts .pager {margin-left:10px;
}
#myposts .PostList {border-left:none;border-right:none;
}
#kb_block {padding:0;
}
.c_ad_block a {border-bottom:1px dashed #dedede;
}
#mainContent {margin-bottom:20px;
}
#myposts .pager:empty {height:0;
}
#blogCalendar:not(.CalTitle) a {display:block;background:#ea6f5a;color:white;border-left:1px solid white;width:calc(100% - 1px);
}
#post_next_prev a.p_n_p_prefix {display:none;
}
#taglist_main {margin-top:20px;background:white;
}
#taglist_title_wrap {margin-left:auto;margin-right:auto;text-align:center;line-height:45px;background:#169fe6;color:white;font-size:16px;
}
#taglist td {padding:5px;font-size:10px;line-height:20px;
}
#taglist {padding:0 10px 10px;
}
#MyTag1_dtTagList {width:100%;
}
.catListTag ul li a:hover {color:#fff;
}
#footer {padding:5px 0 20px;margin:0;
}
.newsItem,#under_post_news,#under_post_kb,#sidebar_search,#sidebar_recentcomments,/*#sidebar_topviewedposts,*/#sidebar_topcommentedposts,#sidebar_categories,#sidebar_topdiggedposts,#comment_form [id^="cnblogs_c"],#sidebar_toptags {display:none;
}
#sidebar_topviewedposts {display:block !important;
}
}@media (min-width:470px) and (max-width:1200px) {#div_digg {margin-right:-20px;width:150px;
}
}/*/小屏*//*/自定义优化*/
#sidebar_search .div_my_zzk {height:49px;
}
.day .postDesc {display:none;
}
.postTitle a:link {color:#131315;
}
.comment_textarea {width:855px;height:188px;
}
#under_post_kb {display:none;
}
#under_post_news {display:none;
}
#HistoryToday,.recomm-block {display:none;
}
#post_next_prev {display:none;
}
#topics .postDesc {display:none;
}
.postBody #blog_post_info_block{
display:none;
}
#comment_form #comment_form_container{
display:none;
}
#comment_form #ad_t2{
display:none;
}

博客园添加页首导航菜单相关推荐

  1. 博客园添加动态背景效果

    背景动画 先直接看效果吧,还是挺有趣的 (来自官网上的一张图) 使用食用 食用方法 先良心安利js写的动画库.其原理就是基于 HTML5 新特性 canvas,渲染的动画效果.有兴趣可以访问一下:动画 ...

  2. 博客园添加live2D看板娘和樱花飘落背景

    写在前面 本文主要描述了怎么给博客园添加看板娘和樱花飘落特效,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 live2d(看板娘) 樱花飘落 博客园 文章目录 写在前面 本文使用 ...

  3. 为博客园添加github跳转链接

    一般程序员都会有自己的github仓库,在博客园添加跳转链接,可以很方便的进行访问查看. 添加html 首先,需要在设置中添加一段html,用于跳转链接 <a class="git-l ...

  4. 博客园添加鼠标粒子吸附特效

    本文从以下三个方面, 阐述在博客园添加鼠标粒子吸附特效: 一. 效果展示 二. 权限申请 三. 设置步骤 一. 效果展示 在博客园的页面, 出现鼠标粒子吸附的特效, 如图所示: 二. 权限申请 点击博 ...

  5. css文件插入背景音乐,博客园添加背景音乐,背景效果!

    博客园添加背景音乐,背景效果 申请博客园js权限 申请话术 实例 尊敬的博客园管理员: 请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢! 开通 ...

  6. 【分享】给自己的博客园添加一个板娘（可选）

    全部样式分享 更换模型的话只需要更换jsonpath中的模型名称即可 https://unpkg.com/live2d-widget-model-模型名称/assets/模型名称.model.json ...

  7. 博客园文章自动生成导航目录

    文章如果比较长的话,子标题很难找,文章结构没法一目了然,如果有一个导航目录靠在边栏就好了 看了很多园子里其他的文章,js和css挺长的,怕用不好,干脆自己尝试写一个 一.要实现的功能 1.自动生成 不 ...

  8. 博客园_01_为博客园添加目录的方法总结

    本文转自:作者:妙音天女    地址:http://www.cnblogs.com/xuehaoyue/p/6650533.html 目录 第一种:在正文上方直接添加目录 1. 申请开通js权限 2. ...

  9. 博客园添加一个分享的

    给自己的博客添加一个分享的按钮吧!! 可以遇见更多志同道合的人呀!!! 使用百度的一键生成按钮就可以了:http://share.baidu.com/code 或者自己写一个也是一样的 <!-- ...

最新文章

  1. 三年级优秀书籍推荐_西关小学书画比赛优秀作品展 绘画组(四)
  2. js遍历树节点下的所有子节点_【数据结构与算法】(3)——树和二叉树
  3. img 隐藏_CSS3界面样式和溢出文字隐藏overflow
  4. python随机抽取人名_用Python打造一个CRM系统(五)
  5. C语言实现面向对象的思想
  6. iisnode默认不支持PUT和DELETE的解决
  7. JS 点击复制Copy插件--Zero Clipboard
  8. 减少浏览器的兼容性问题
  9. 交叉报表列头排序时遇到的oracle问题—oracle ORA-12704:字符集不匹配、varchar2转化为nvarchar2字符缺失、case when else后的字符类型要一致...
  10. 架构师考试的一些想法
  11. 《剑指offer》面试题19——二叉树的镜像（C++）
  12. ATP-EMTP中利用LCC模块构建JMarti三相电缆模型原理（中压电缆）
  13. 图的存储--十字链表
  14. 网页版2048游戏html,HTML网页版2048小游戏
  15. python 地震数据可视化
  16. 权威DNS、递归DNS以及DNS相关排名
  17. 计算机动态评估英语阅读,【计算机教育论文】谈计算机动态评价模式同伴反馈有效性(共4305字)...
  18. 带你几分钟学会MarkDown基本语法
  19. 基于android 平台的校园二手物品交易系统设计与实现
  20. 如何学习大数据！！我要做大数据！ 1

热门文章

  1. Wise Force Deleter 强制删除文件工具
  2. iOS 锁的底层原理
  3. 您的Android手机可以充当盖革计数器的双重职责
  4. L_TO_CREATE_POSTING_CHANGE
  5. R语言BIOMOD2模型的物种分布模拟
  6. 唯品会定时任务组件Saturn的时间不一致bug，超时
  7. matlab解含gamma函数的方程组,matlab积分结果中的gamma()函数参数问题，急求解答！！！...
  8. matlab实现聚类分析
  9. 2018全国计算机网络竞赛试题,全国2018年10月04741计算机网络原理真题以及答案解析...
  10. python 字符的编码