• 博客模板更新


    1. 博客后台
    2. 皮肤选择BlueSky
    3. 复制以下代码
    4. 禁用模板默认CSS
    5. 完成

    我现在的博客模板CSS。

    * {
        margin: 0;
        padding: 0;
       
        list-style-image: none;
    }
    
    .clear {
        clear: both;
    }
    
    body,
    button,
    input,
    select,
    textarea {
        font: 12px/1.5 Tahoma, Arial, Helvetica, sans-serif;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 100%;
        font-weight: normal;
    }
    
    address,
    cite,
    dfn,
    em,
    var {
        font-style: normal;
    }
    
    code,
    kbd,
    pre,
    samp,
    tt {
        font-family: "Courier New", Courier, monospace;
    }
    
    small {
        font-size: 12px;
    }
    
    a:link,
    a:visited {
        text-decoration: none;
        color: #2175BC;
    }
    
    a:hover {
        text-decoration: underline;
        color: #2175BC;
    }
    
    abbr[title],
    acronym[title] {
        border-bottom: 1px dotted;
        cursor: help;
    }
    
    q:before,
    q:after {
        content: '';
    }
    
    :focus {
        outline: 0;
    }
    
    legend {
        color: #000;
    }
    
    fieldset,
    img {
        border: none;
    }
    
    button,
    input,
    select,
    textarea {
        font-size: 100%;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    img {
        -ms-interpolation-mode: bicubic;
    }
    
    /*html5*/
    
    article,
    aside,
    dialog,
    footer,
    header,
    hground,
    section,
    footer,
    nav,
    figure,
    menu {
        display: block
    }
    #btnZzk{
        background-color:#2175BC;
        border:0;
        color: #fff;
    }
    .c_b_p_desc a{
        color: #fff;
    }
    .c_b_p_desc_readmore{
     
        float: right;
        padding: 5px;
        background: #2175BC;
        color: #fff;
        border-radius:4px;
    }
    
    #navigator,
    #blogTitle,
    #main,
    #footer {
         1100px;
        position: relative;
        margin: 0 auto;
    }
    
    #header {
        height: 40px;
         100%;
        background-color: #2175bc;
        position: fixed;
        top: 0;
        z-index: 1;
    }
    
    #main {
        margin-top: 56px;
        margin-bottom: 0px;
    }
    
    #mainContent {
         750px;
        background: white;
        float: left;
        display: inline-block;
    }
    #leftcontentcontainer li{
        color:#2175BC;
    
    }
    
    #sideBar {
         180px;
        padding: 46px;
        display: inline-block;
        overflow: hidden;
        background-color: white;
        margin-left: 15px;
        border: 1px solid #ddd;
    }
    
    #footer {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: #000;
        font-size: 12px;
    }
    
    #navigator {
        top: 8px;
    }
    
    #navList li {
        float: left;
        margin-right: 25px;
        display: inline;
    }
    
    #navList li a {
        font-size: 15px;
        text-decoration: none;
        color: #FFF;
        padding: 10px;
        background-color: #2175bc;
    }
    
    #navList li a:hover {
        background-color: #2586d7;
        margin-top: -2px;
        padding-bottom: 12px;
        color: #fff;
        opacity: 1;
    }
    
    .blogStats {
        color: white;
        font-size: 12px;
        text-align: right;
    }
    
    #Header1_HeaderTitle {
        color: white;
    }
    
    #Header1_HeaderTitle:hover {
        text-decoration: none;
    }
    
    .day {
        background: white;
        padding: 32px;
        border: 1px solid #ddd;
        margin-bottom: 10px;
    }
    
    .day:hover {
        border-left: 1px solid #2175bc;
        background:#F3F3F3; 
    }
    
    .postTitle,
    .postTitl2,
    .entrylistPosttitle {
        font-size: 18px;
        padding-right: 64px;
        padding-left: 10px;
        border-left- 3px;
        border-left-style: solid;
        border-left-color: #2175bc;
     
    }
    
    .postTitle a,
    .postTitl2 a,
    .entrylistPosttitle a {
        color: #333;
    }
    
    .postTitle a:link,
    .post-title a:visited,
    .postTitl2 a:link,
    .postTitl2 a:visited,
    .entrylistPosttitle a:link,
    .entrylistPosttitle a:visited {
        color: black;
    }
    
    .postTitle a:hover,
    .postTitl2 a:hover,
    .entrylistPosttitle a:hover {
        color: #2175BC;
       
        text-decoration: none;
    }
    
    .postBody,
    .postCon,
    .entrylistPostSummary {
        clear: both;
        margin-top: 26px;
    }
    
    .postBody,
    .postCon,
    .entrylistPostSummary {
        font-size: 12px;
        line-height: 1.5;
    }
    
    .postCon h1,
    .postCon h2,
    .postCon h3,
    .postCon h4,
    .postCon h5,
    .postCon h6 {
        font-weight: bold;
        line-height: 1.8;
    }
    
    .postBody h1,
    .postCon h1 {
        font-size: 20px;
    }
    
    .postBody h2,
    .postCon h2 {
        font-size: 18px;
    }
    
    .postBody h3,
    .postCon h3 {
        font-size: 16px;
    }
    
    .postBody h4,
    .postCon h4 {
        font-size: 14px;
    }
    
    .postBody h5,
    .postCon h5 {
        font-size: 14px;
    }
    
    .postBody h6,
    .postCon h6 {
        font-size: 14px;
    }
    
    .postBody dd,
    .postCon dd {
        padding-left: 2em;
    }
    
    .postBody ul,
    .postCon ul {
        list-style: none;
        margin-left: 20px;
    }
    
    .postBody ul li,
    .postCon ul li {
        list-style: inside disc;
    }
    
    .postBody dt,
    .postCon dt {
        font-weight: bold;
        padding: 6px 0;
        clear: both
    }
    
    .postBody ol,
    .postCon ol {
        list-style: none;
        margin-left: 20px;
    }
    
    .postBody blockquote,
    .postCon blockquote {
         90%;
        margin: 0 auto;
        padding: 6px 0 6px 45px;
        color: #666;
        background: white url(/images/blockquote.gif) top left no-repeat;
    }
    
    .postDesc {
        font-size: 10px;
        color: #999999;
    }
    
    .postDesc,.postDesc2,.entrylistItemPostDesc {
        text-align: left;
        padding-top: 10px;
    }
    
    .dayTitle {
      display:none;
    }
    
    
    .topicListFooter {
        padding: 32px;
    }
    
    #sideBarMain div {
        margin-bottom: 26px;
    }
    
    #sideBarMain div div {
        margin-bottom: 5px;
    }
    
    #sideBarMain h3 {
    
        margin-bottom: 12px;
        color: #333;
        border-bottom- 1px;
        border-bottom-style: dashed;
        border-bottom-color: #D4D4D4;
        padding-bottom: 10px;
        margin-top: 20px;
    }
    
    #blog-comments-placeholder,
    #divRefreshComments,
    .commentform,
    #AjaxHolder_UpdatePanel1 {
        padding: 0 32px;
    }
    
    .post {
        padding: 32px;
    }
    
    .feedbackItem {
        border: 1px solid #E3E3E3;
        padding: 5px;
        margin-bottom: 10px;
        background-color: #F6F6F6;
    }
    
    .blog_comment_body {
        color: #929292;
        padding-top: 10px;
    }
    
    .forFlow p {
        margin-bottom: 18px;
    }
    
    .post {
        border: 1px solid #ddd;
    }
    
    .forFlow img {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .PostList,
    .entrylistItem {
        margin: 20px;
    }
    
    .entrylistTitle,
    .PostListTitle {
        display: none;
    }
    
    #blogTitle {
        display: none;
    }
    
    .cnblogs_code img {
        margin: 0;
        float: left;
    }
    
    .cnblogs_code_toolbar {
        margin-top: 0px;
    }
    
    .code {
        padding: 0 10px;
    }
    
    #myposts .myposts_title {
        font-size: 16px;
        margin-top: 20px;
        text-align: center;
    }
    
    #myposts .postTitl2 {
        border-left: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #myposts .postTitl2 a {
        font-size: 16px;
    }
    
    #myposts .postDesc2 {
        margin: 20px 0 20px 5px;
    }
    
    #cnblogs_post_body {
        font-size: 14px;
    }
    
    #green_channel img {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    #cnblogs_post_body img {
        max- 650px;
    }
    
    .commentbox_main img {
        margin-top: 0;
        margin-bottom: 0;
    }
  • 相关阅读:
    swift延时执行
    Swift3.0 — CocoaAsyncSocket客户端(Socket通信)
    SnapKit配置过程
    iOS App图标和启动画面尺寸
    mac升级到10.13 CocoaPods不能使用
    上传app到app store遇到 An error occurred uploading to the iTunes Store.(iTunes Store Operation Failed)的解决方法
    swift高斯模糊的自定义view
    Swift 实现部分圆角
    android 代码设置、打开wifi热点及热点的连接
    自定义android Dialog
  • 原文地址:https://www.cnblogs.com/blogg/p/9142620.html
Copyright © 2020-2023  润新知