自用的博客皮肤CSS代码

 

是在默认皮肤simple memory的基础上进行的魔改

/*****home和头部开始**************************/
#home {
    margin: 0 auto;
    width: 90%;/*原始65*/
    min-width: 980px;/*页面顶部的宽度*/
    background-color: rgba(245, 245, 245, 0.95);
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
/*
body {
    color: rgb(0, 0, 0);
    background: rgba(10, 194, 255, 0.8)
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    min-height: 101%;
}
*/
/*
LL主题背景
*/

body {
    color: rgb(0, 0, 0);
    background: rgba(10, 194, 255, 1);
/*    background: rgba(12, 100, 129, 1) url('http://images.cnblogs.com/cnblogs_com/SilverNebula/837412/o_9-1.jpg') fixed no-repeat; */

    background: rgba(12, 100, 129, 1) url('http://images.cnblogs.com/cnblogs_com/SilverNebula/837412/o_9-1.jpg') fixed no-repeat;
    background-size: cover;
    background-position: 50% 5%; 
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    min-height: 101%;
}



/*星云主题背景*/
/*
body {
    color: rgb(0, 0, 0);
    background-color: rgba(23, 87, 138, 0.82);

    background: rgba(54, 113, 164, 0.6) url

('http://images.cnblogs.com/cnblogs_com/SilverNebula/837660/o_7a861e45aaba28250047192bfb1f1c92.jpg

') fixed repeat center;
    background-size: cover;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    min-height: 101%;
}
*/

/*博客标题*/
#blogTitle {
    height: 60px;  /*高度*/
    clear: both;
}
    /*主标题格式*/
    #blogTitle h1 {
        font-size: 26px;
        font-weight: bold;
        line-height: 1.8em;/*原始 1.6em*/
        margin-top: 10px;/*原始 15px */
    }

        #blogTitle h1 a {
            color: #515151;
        }
            /*超链接颜色*/
            #blogTitle h1 a:hover {
                color: #21759b;
            }
    /*次标题格式*/
    #blogTitle h2 {
        font-weight: normal;
        font-size: 17px;/*原始 16px ;font-size: 1.0rem;*/      
        line-height: 1.8;
        color: #757575;
        float: left;        
    }


/*发表文章的标题*/
.postTitle {
    border-left: 8px solid rgba(33, 117, 155, 0.68);
    margin-bottom: 10px;
    font-size: 20px;
    float: right;
    width: 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;
    width: 100%;
    clear: both;
    padding: 10px 0;
}

.day .postTitle a {
    padding-left: 10px;
}

/*文章附加信息*/
.postDesc {   
    background: url(images/posted_time.png) no-repeat 0 1px;
    color: #757575;
    float: left;
    width: 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;
}


#mainContent {
    min-height: 200px;
    padding: 0px 0px 10px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    float: right;
    margin-left: -20em;
    width: 100%;
}
#sideBar {
    margin-top: -12px;
    width: 240px;
    min-height: 200px;
    padding: 0px 0 0px 0px;
    float: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: auto;
    word-break: break-word;
}
#sideBar h3 {
    font-size: 24px;
    border-left-color: rgba(0, 255, 255, 0.55);
    border-left: 10px solid rgba(54, 113, 165, 0.72);
}

/*侧边栏设置*/
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, 
.catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, 
.catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory 
{
    background: rgba(255, 255, 255, 0.29);
    margin-bottom: 35px;
    word-wrap: break-word;
}



/*

#ZjmainstayCnblogsSWFTags{
    position: absolute; 
    left: 762px; 
    top: 1186px;
    z-index:10000;
}*/

 

转载于:https://www.cnblogs.com/SilverNebula/p/5970771.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值