zoukankan      html  css  js  c++  java
  • css 模板代码-v1

    /*生成博客目录的CSS*/

    #right_content{
    background-color: white;
    }
    #mystats{
        background-color: #bb2b2b;
    }

    #blog_nav_admin,#blog_nav_newpost,#blog_nav_myhome,#blog_nav_sitehome,#blog_nav_contact,#blog_nav_rss{
          color: #bb2b2b;
    }
    .menu{
           color:yellow;
    }
    .catList{
           color:red;

    }
    #uprightsideBar{
        font-size:12px;
        font-family:Arial, Helvetica, sans-serif;
        text-align:left;
        position:fixed;/*将div的位置固定到距离top:50px,right:0px的位置,这样div就会处在最右边的位置,距离顶部50px*/
        top:50px;
        right:0px;
        auto;
        height: auto;
    }
    #sideBarTab{
        float:left;
        30px;
        border:1px solid #e5e5e5;
        border-right:none;
        text-align:center;
        background:#ffffff;
    }

    #sideBarContents{
        float:left;
        overflow:auto;
        overflow-x:hidden;!important;
        200px;
        min-height:108px;
        max-height:460px;
        border:1px solid #e5e5e5;
        border-right:none;
        background:#ffffff;
    }
    #sideBarContents dl{
        margin:0;
        padding:0;
    }

    #sideBarContents dt{
        margin-top:5px;
        margin-left:5px;
    }

    #sideBarContents dd, dt {
        cursor: pointer;
    }

    #sideBarContents dd:hover, dt:hover {
        color:#A7995A;
    }
    #sideBarContents dd{
        margin-left:20px;
    }

    #home {
        margin: 0 auto;
        80%;/*原始65*/
        min- 980px;/*页面顶部的宽度*/
        background-color: rgba(245, 245, 245, 0.7);
        padding: 30px;
        margin-top: 50px;
        margin-bottom: 50px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }
    body {
        background: rgba(12, 100, 129, 1) url('http://images.cnblogs.com/cnblogs_com/Penn000/1013849/o_123.jpg') fixed no-repeat;
        background-position: 50% 5%;
        background-size: cover;
    }
    #blogTitle {
        height: 100px;  /*高度*/
        clear: both;
        background-color: rgba(245, 245, 245, 0);
    }
    #blogTitle h1 {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.8em;/*原始 1.6em*/
        margin-top: 10px;/*原始 15px */
        color: #548B54;
    }
    #blogTitle h2 {
        font-weight: normal;
        font-size: 17px;/*原始 16px ;font-size: 1.0rem;*/      
        line-height: 1.8;
        color: #111;
        font-weight: bold;
        text-align: right;
        float: right;
    }
    #navigator{
        background-color: rgba(33, 160, 139, 0.9);
    }
    #navList a:link, #navList a:visited, #navList a:active{
        color: #eee;
        font-size: 18px;
        font-weight: bold;
    }
    .postTitle {
        border-left: 8px solid rgba(33, 160, 139, 0.68);
        margin-left: 10px;
        margin-bottom: 10px;
        font-size: 20px;
        float: right;
        100%;
        clear: both;
    }
    .postTitle a:link, .postTitle a:visited, .postTitle a:active {
        color: #21759b;
        transition: all 0.4s linear 0s;
    }
    .postTitle a:hover {
        margin-left: 30px;
        color: #0f3647;
        text-decoration: none;
    }
    .postCon {
        float: right;
        line-height: 1.5em;
        100%;
        clear: both;
        padding: 10px 0;
    }

    .day .postTitle a {
        padding-left: 10px;
    }
    .day {
        background: rgba(255, 255, 255, 0.5);
    }
    /*文章附加信息*/
    .postDesc {   
        background: url(images/posted_time.png) no-repeat 0 1px;
        color: #757575;
        float: left;
        100%;
        clear: both;
        text-align: left;     
        font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
        font-size: 13px;
        padding-right: 20px;/*5px  padding-left: 90px;posted 发表时间左边距离*/
        margin-top: 20px;
        line-height: 1.8;
        padding-bottom: 35px;
    }

    .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory,
    .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView,
    .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory ,#blog-calendar
    {
        background: rgba(255, 255, 255, 0.5);
        margin-bottom:10px;
        word-wrap: break-word;
    }

    .CalTitle{
        background: rgba(255, 255, 255, 0);
    }
    .catListTitle{
        background-color: rgba(33, 160, 139, 0.9);
    }

    #topics{
        background: rgba(255, 255, 255, 0.5);
    }

    .c_ad_block{
        display: none;
    }

    #tbCommentBody{
        100%;
        height: 200px;
        background: rgba(255, 255, 255, 0.5);
    }

    #q{background: rgba(255, 255, 255, 0);}

    .CalNextPrev{background: rgba(255, 255, 255, 0);}

    .cnblogs_code{
        background: rgba(255, 255, 255, 0);    
    }

    .cnblogs_code div{
        background: rgba(255, 255, 255, 0);    
    }

    .cnblogs_code_toolbar{
        background: rgba(255, 255, 255, 0);  
    }
    #main{min- 640px;}
    .entrylist{
        background: rgba(255, 255, 255, 0.5);  
    }#home {
        margin: 0 auto;
        80%;/*原始65*/
        min- 980px;/*页面顶部的宽度*/
        background-color: rgba(245, 245, 245, 0.7);
        padding: 30px;
        margin-top: 50px;
        margin-bottom: 50px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }
    body {
        background: rgba(12, 100, 129, 1) url('http://images.cnblogs.com/cnblogs_com/Penn000/1013849/o_123.jpg') fixed no-repeat;
        background-position: 50% 5%;
        background-size: cover;
    }
    #blogTitle {
        height: 100px;  /*高度*/
        clear: both;
        background-color: rgba(245, 245, 245, 0);
    }
    #blogTitle h1 {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.8em;/*原始 1.6em*/
        margin-top: 10px;/*原始 15px */
        color: #548B54;
    }
    #blogTitle h2 {
        font-weight: normal;
        font-size: 17px;/*原始 16px ;font-size: 1.0rem;*/      
        line-height: 1.8;
        color: #111;
        font-weight: bold;
        text-align: right;
        float: right;
    }
    #navigator{
        background-color: rgba(33, 160, 139, 0.9);
    }
    #navList a:link, #navList a:visited, #navList a:active{
        color: #eee;
        font-size: 18px;
        font-weight: bold;
    }
    .blogStats{
        color: #eee;
    }
    .postTitle {
        border-left: 8px solid rgba(33, 160, 139, 0.68);
        margin-left: 10px;
        margin-bottom: 10px;
        font-size: 20px;
        float: right;
        100%;
        clear: both;
    }
    .postTitle a:link, .postTitle a:visited, .postTitle a:active {
        color: #21759b;
        transition: all 0.4s linear 0s;
    }
    .postTitle a:hover {
        margin-left: 30px;
        color: #0f3647;
        text-decoration: none;
    }
    .postCon {
        float: right;
        line-height: 1.5em;
        100%;
        clear: both;
        padding: 10px 0;
    }

    .day .postTitle a {
        padding-left: 10px;
    }
    .day {
        background: rgba(255, 255, 255, 0.5);
    }
    /*文章附加信息*/
    .postDesc {   
        background: url(images/posted_time.png) no-repeat 0 1px;
        color: #757575;
        float: left;
        100%;
        clear: both;
        text-align: left;     
        font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
        font-size: 13px;
        padding-right: 20px;/*5px  padding-left: 90px;posted 发表时间左边距离*/
        margin-top: 20px;
        line-height: 1.8;
        padding-bottom: 35px;
    }

    .CalTitle{
        background: rgba(255, 255, 255, 0);
    }
    .catListTitle{
        background-color: rgba(33, 160, 139, 0.9);
    }

    #topics{
        background: rgba(255, 255, 255, 0.5);
    }

    .c_ad_block{
        display: none;
    }

    #tbCommentBody{
        100%;
        height: 200px;
        background: rgba(255, 255, 255, 0.5);
    }

    #q{background: rgba(255, 255, 255, 0);}

    .CalNextPrev{background: rgba(255, 255, 255, 0);}

    .cnblogs_code{
        background: rgba(255, 255, 255, 0);    
    }

    .cnblogs_code div{
        background: rgba(255, 255, 255, 0);    
    }

    .cnblogs_code_toolbar{
        background: rgba(255, 255, 255, 0);  
    }
    #main{min- 640px;}
    .entrylist{
        background: rgba(255, 255, 255, 0.5);  
    }
    /*回到顶部设置*/
    #back-to-top {
        background-color:#bb2b2b;
        bottom: 10px;
        box-shadow: 0 0 6px #72a072;
        padding: 5px 10px;
        position: fixed;
        right: 50px;
        border-radius: 8px;
        opacity: 0.7;
    }

  • 相关阅读:
    jquery UI dialog详解
    jQuery学习笔记
    jQuery源码分析系列:AJAX
    Jquery UI dialog 详解 (中文)
    敏捷个人不错
    总监几句话胜读几年书
    Quartz.NET 任务调度框架
    半解释器模式,解析文本+*/ ()
    向toolStrip控件中添加 日期 控件
    汇编变量类型
  • 原文地址:https://www.cnblogs.com/zach0812/p/11515056.html
Copyright © 2011-2022 走看看