zoukankan      html  css  js  c++  java
  • 园子装修 | 打造自己的直男审美博客园(施工中,持续更新)

    为了满足自己的直男审美,博客园样式持续动工中……

    当前样式:

    /*************** Update Log ***************
     * v1.0 - 2017.07.25 
       body: 调整宽度80%;
       head: 添加头像/主副标题字号放大/布局修改;
       main: 侧边栏主栏位置互换;
       side: 删除日历;
       list: 删除浏览数时间等信息/修改摘要颜色;
       cont: 修改代码底色/增加代码框背影/删除复制按钮;
     * v1.1 - 2017.07.25
       body: 选中文字后颜色改变;
       list: 标题底色修改/阅读全文右对齐/标题颜色修改;
       cont: 图片大小最大为100%;
     ******************************************/
    /* body - 整体 */
    #home{width:80%;}
    ::selection{color:#FF6699;}
    ::-moz-selection{color:#FF6699;} /*firefox*/
    
    
    /* head - 头部 */
    #blogTitle{height:100px;}
    #blogTitle h1{font-size:40px;line-height:40px;margin:10px 0 10px 15px;width: 80%;float:left;}
    #blogTitle h2{font-size:1rem;margin-left: 15px;}
    #blogLogo {width: 100px;height: 100px;background: url(https://pic.cnblogs.com/avatar/1146465/20170725123720.png);background-size: 100px 100px;float:left;margin-bottom:10px;}
    
    /* main - 主体 */
    #sideBar{float:left;}
    #mainContent{float:right;}
    
    /* side - 侧边栏 */
    #blog-calendar{display:none!important;} /*日历删除*/
    
    /* list - 列表栏 */
    .postDesc{display: none}
    .c_b_p_desc{color:#999;}
    .c_b_p_desc a{float:right;margin-right: 2px}
    .c_b_p_desc a:link{text-decoration: none;color:#999;margin-left: 15px;}
    .c_b_p_desc a:visited{color:#999;margin-left: 15px;}
    .postTitle{border-left:none;padding:10px 0 10px 5px;background: #f4f4f4;font-size: 22px;}
    .postTitle a:link, .postTitle a:visited, .postTitle a:active{color:black;}
    
    /* cont - 内容栏 */
    .cnblogs_code {background-color: #F7F5F5!important;border: 1px #F7F5F5 solid;margin: 5px 5px;    box-shadow: 1px 4px 10px #999;padding:8px;}
    .cnblogs_code div {background-color: #F7F5F5;}
    .cnblogs_code_toolbar {display:none;} /* Code的复制按钮 */
    #cnblogs_post_body img{max-width: 100%;}

    日常吐槽:

    v1.1 谁还没个少女心咋地 →_→

  • 相关阅读:
    jQuery内核详解与实践读书笔记2:破解jQuery选择器接口1
    jQuery内核详解与实践读书笔记1:原型技术分解2
    jQuery内核详解与实践读书笔记1:原型技术分解1
    MyEclipse常用配置图解
    python3-datetime.date详解(一)
    PYTHON3-LIST.SORT(),SORTED()方法详解。
    为什么要学习?
    sqlserver数据库 Schema
    Nop源码分析三
    Nop源码分析二
  • 原文地址:https://www.cnblogs.com/hughdong/p/7233512.html
Copyright © 2011-2022 走看看