• 博客园CSS代码


    本博客前端页面的后台设置源码:

    1,博客园CSS设置:

    @charset "utf-8";
    body {
      font-size: 15px;
      padding: 0;
      margin: 0;
      font-family: "微软雅黑", "宋体", Arial;
      min- 1200px;
    }
    #home {
      opacity: 0.95;
      filter: alpha(opacity=95);
      box-shadow: 0 0 10px #000;
      margin: auto;
       1200px;
      background: #fff;
      overflow: auto;
      border: solid 1px #fff;
    }/*段落*/
    .postBody p, .postCon p {
      margin: 7px 0;
      line-height: 24px;
    }
    h1 {
      margin: 0;
    }
    h3 {
      font-size: 15px;
      font-weight: bold;
    }/*超链接*/
    a {
      color: #3498DB;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    a:visited, a:hover {
      color: #3498DB;
    }
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    image {
      border: none;
    }
    #header {
      padding: 20px;
    }
    #HeaderTitle{
    top:50px;
    }
    #Title{
        padding-top:20px;
        padding-right:30px;
        font-size: 36px;
    }
    #subTitle{
        720px;
        padding-top:20px;
        padding-right:20px;
        color: #f20;
    }
    /*博客标题*/
    #blogTitle, #blogTitle a {
      font-weight: bold;
      color: #666;
    }
    #blogTitle .title {
      margin-top: 7px;
      height: 100px;
      line-height: 100px;
      font-size: 36px;
      padding-left: 120px;
    }
    .headermaintitle {
    }
    #blogTitle, #blogTitle a:hover {
      text-decoration: none;
    }/*子标题*/
    .subtitle {
      padding-left: 30px;
      font-size: 14px;
      color: #999;
      font-weight: normal;
      margin: 10px 0;
    }/*导航栏*/
    #navigator {
      font-size: 16px;
      height: 48px;
      background: #f65f57;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
      border-radius:20px;
      box-shadow:0px 10px 5px #999999;
        -webkit-transition: all 3s ease-in-out;
    }
    #navList li {
      margin: 0;
      line-height: 48px;
      display: inline-block;
      float: left;
        -webkit-transition: all 3s ease-in-out;
    }
    #navList li:hover {
      display: inline-block;
      -webkit-transform:rotate(10deg);
        -moz-transform:rotate(10deg);
        -o-transform:rotate(10deg);
      -ms-transform:rotate(10deg);
        transform:rotate(10deg);
    }
    #navList li a {
      padding: 0 30px;
      text-decoration: none;
      line-height: 48px;
      border: 0;
      color: #fff;
      display: -moz-inline-box;
      display: inline-block;
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
    }
    .blogStats {
      height: 48px;
      color: #fff;
      line-height: 48px;
    }
    #main {
      padding: 20px;
      left: 60px;
      top:160px;
      position: absolute;
    }/*左边*/
    #sideBarMain {
      padding: 0 10px 0 0;
      background: #fff;
      margin: 0 0 20px 0;
       190px;
      font-size: 12px;
      line-height: 22px;
    }
    #sideBarMain a {
      color: #666;
    }
    #leftcontentcontainer {
      color: #666;
    }
    .newsItem {
      color: #666;
    }/*公告*/
    #profile_block {
      margin-top: 0px;
      line-height: 24px;
      text-align: left;
    }/*主面板*/
    #mainContent {
      margin-top: 0px;
      padding-top: 0px;
      padding-right: 0px;
      background: #fff;
      padding-bottom: 0px;
      float: right;
       960px;
      padding-left: 0px;
    }/*每日文章列表*/
    .day {
      background: #fff;
      padding: 0;
      margin: 0 0 20px 0;
    }/*博客标题*/
    .postTitle a {
       color:#E74C3C;
    }
    .postTitle {
      padding-bottom: 10px;
      font-size: 20px;
      font-weight: bold;
      color: #464646;
      padding-left: 30px;
    }
    .dayTitle {
      display: none;
    }/*摘要*/
    .c_b_p_desc {
      padding: 10px;
      line-height: 24px;
      color: #888;
    }
    .c_b_p_desc a {
      color: #888;
    }
    .c_b_p_desc a:hover {
      text-decoration: none;
      border-bottom- 1px;
      border-bottom-style: dotted;
    }/*右侧图片*/
    .desc_img {
      margin-left: 10px;
      border: solid 1px #fff;
      box-shadow: 0 0 10px #aaa;
    }/*博文页*/
    #topics .post {
      background: #fff;
    }
    .postCon {
      padding: 10px 20px 0 20px;
    }
    .postDesc {
      margin: 0 30px;
      margin-bottom: 2px;
      padding: 8px 0px;
      font-size: 12px;
      color: #aaa;
      background: #fff;
      text-align: right;
    }
    .postDesc a {
      color: #AAA;
    }
    .postBody {
      padding: 0;
    }/*google搜索框*/
    #google_q, #q {
      height: 22px;
       120px;
      border: solid 1px #ccc;
      box-shadow: inset 0 0 3px #ddd;
      border-radius: 4px;
    }/*搜索按钮*/
    .btn_my_zzk {
      font-family: 'Microsoft Yahei';
      border: none;
      height: 26px;
       60px;
      padding: 1px;
      font-size: 14px;
      cursor: pointer;
      position: relative;
      vertical-align: middle;
      display: inline-block;
      background: #159B76;
      border-radius: 4px;
      color: #fff;
    }
    .btn_my_zzk:hover {
      background: #159B76;
    }/*评论按钮*/
    #btn_comment_submit {
      border: none;
      height: 40px;
       90px;
    }/*评论按钮*/
    .comment_btn {
      font-family: 'Microsoft Yahei';
      border: none;
      height: 40px;
       90px;
      font-size: 18px;
      cursor: pointer;
      position: relative;
      vertical-align: middle;
      display: inline-block;
      background: #159B76;
      color: #fff;
    }
    #btn_comment_submit:hover {
      background: #159B76;
    }/*评论标题*/
    .feedback_area_title {
      padding: 10px;
      font-size: 22px;
      font-weight: bold;
      color: #159B76;
      border-bottom: solid 6px #159B76;
    }
    .feedbackListSubtitle {
      font-size: 12px;
      color: #888;
    }
    .feedbackListSubtitle a {
      color: #888;
    }
    .comment_quote {
      background: #FCFAAC;
      padding: 15px;
      border: 1px solid #CCC;
    }
    #commentform_title {
      color: #159B76;
      background-image: none;
      background-repeat: no-repeat;
      margin-bottom: 10px;
      padding: 10px 20px 10px 10px;
      font-size: 24px;
      font-weight: bold;
      border-bottom: solid 6px #159B76;
    }/*评论框*/
    #comment_form {
      margin: 10px 0;
      padding: 0;
    }
    .commentform {
      margin: 10px 0;
      padding: 10px 20px;
      background: #fff;
    }/*评论输入域*/
    #tbCommentBody {
      font-family: 'MIcrosoft Yahei';
      margin-top: 10px;
       720px;
      max- 720px;
      min- 720px;
      background: white;
      color: #333;
      border: 2px solid #fff;
      box-shadow: inset 0 0 8px #aaa;
      padding: 10px;
      height: 120px;
      font-size: 14px;
      min-height: 120px;
    }/*评论条目*/
    .feedbackItem {
      font-size: 14px;
      line-height: 24px;
      margin: 10px 0;
      padding: 20px;
      background: #F2F2F2;
      box-shadow: 0 0 5px #aaa;
    }
    .feedbackListSubtitle {
      font-weight: normal;
    }/*分类页*/
    .entrylist {
      padding: 10px 20px;
      background: #fff;
    }
    .entrylistItem {
      margin: 10px 0;
      padding: 10px;
    }
    .entrylistPosttitle {
      font-size: 18px;
      font-weight: bold;
      padding-left: 30px;
    }
    .entrylistPostSummary {
      padding: 10px;
    }
    .entrylistItemPostDesc {
      font-size: 12px;
      color: #999;
      padding-left: 40px;
    }/*尾部*/
    #footer {
      font-size: 12px;
      margin: 0px;
      padding-right:25px;
      text-align: center;
      background: #159B76;
      color: #dad;
      font-size: 14px;
    }/*文章内图片*/
    #cnblogs_post_body p img {
      margin: 10px;
    }/*顶一下*/
    .diggnum {
      font-size: 18px;
      color: #159B76;
      font-family: 'Microsoft Yahei';
    }
    #div_digg {
    position: fixed;
    border-radius: 5px;
    background-color: #fff;
     50px;
    padding: 20px;
    right: 0;
    bottom: 0;
    border: solid 1px #ddd;
    z-index: 200;
    box-shadow: 0 0 16px 2px #ddd;
    }
    /*踩一下(园友反映,这个有点“邪恶”,呵呵,其实是我没来得及设计这个背景图片,就暂时把它隐藏了……可以去掉这句话)*/
    .buryit {
      display: none;
    }
    .diggword {
      display: none;
    }/*green_channel*/
    #green_channel { 
      text:align:center;	
      background:#1E90FF;/*#4ECDC4*/
      padding-left: 20px;
      font-weight: normal;
      font-size: 15px;
       420px;
      border: none;
      color: #0ff;
      padding: 20px;
      margin:20px auto;
        position: fixed;
        border-radius: 5px;
        right: 150px;
        bottom: 0;
        border: solid 1px #ddd;
    z-index: 200;
        box-shadow: 0 0 16px 2px #ddd;
        filter:alpha(opacity=50);  
        -moz-opacity:0.5;  
        -khtml-opacity: 0.5;  
        opacity: 0.5;	 
    }/*最新评论*/
    #myposts .PostList {
      font-size: 14px;
      line-height: 24px;
      margin: 10px 0;
      padding: 20px;
      background: #F2F2F2;
      box-shadow: 0 0 5px #aaa;
    }/* CSS Document */
    

    2,博客园页脚html代码 

    <style type="text/css">
     .Abstract {
    padding: 15px;
    border: dotted 2px #999;
    color: #999;
    font-family: 'Microsoft Yahei';
    border-radius: 4px;
    }
    .First {
      margin: 10px 0;
      font-family: 'Microsoft Yahei';
      text-align: left;
      padding: 6px 20px;
      color: #fff;
      background: #55895B;
      font-size: 20px;
      border-radius: 4px;
      clear: both;
    }
    .Second {
      margin: 10px 0;
      font-family: 'Microsoft Yahei';
      padding: 6px 20px;
      background: #93C8A2;
      color: white;
      font-size: 18px;
      border-radius: 4px;
      clear: both;
    }
    .Third {
      margin: 10px 0;
      padding: 6px 20px;
      font-family: 'Microsoft Yahei';
      margin: 15px 0;
      font-size: 16px;
      color: black;
      background: #C6EFD2;
      border-radius: 4px;
      clear: both;
    }
    .note {
      margin: 10px 0;
      padding: 15px 20px 15px 60px;
      font-size: 15px;
      font-family: 'Microsoft Yahei';
      box-shadow: 0 0 8px #aaa;
      clear: both;
    }
    .demo {
      text-align: left;
      padding: 6px 20px;
      overflow: auto;
      border-radius: 4px;
      background: orange;
      color: #fff;
      font-size: 16px;
      clear: both;
    }
    .cnblogs_Highlighter {
      border: solid 1px #ccc;
      clear: both;
    }
    .cnblogs_code {
      background: #EFFFF4;
      border: solid 0px #939393;
      font-size: 14px;
      clear: both;
      padding: 10px 20px;
    }
    .cnblogs_code pre {
      font-size: 14px;
    }
    .cnblogs_code span {
      font-family: Courier New;
      font-size: 14px;
    }
    </style>
    
    <style type="text/css">
        #cnblogs_post_body
          {
              color: black;      
              font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif;
              font-size: 16px;
          }
          #cnblogs_post_body h1    {
              background: #2B6695;
             border-radius: 6px 6px 6px 6px;
             box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
             color: #FFFFFF;
             font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
             font-size: 17px;
             font-weight: bold;
             height: 25px;
             line-height: 25px;
             margin: 18px 0 !important;
             padding: 8px 0 5px 5px;
             text-shadow: 2px 2px 3px #222222;
        }
      #cnblogs_post_body h2{
             background: #2B6600;
             border-radius: 6px 6px 6px 6px;
             box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
             color: #FFFFFF;
             font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
             font-size: 13px;
             font-weight: bold;
             height: 24px;
             line-height: 23px;
             margin: 12px 0 !important;
             padding: 5px 0 5px 10px;
             text-shadow: 2px 2px 3px #222222;
         }
     </style>
    

      

  • 相关阅读:
    js原生实现div渐入渐出
    js刷新界面前事件onbeforeunload
    js手机短信验证
    scroll滚动条样式修改
    省市区三级联动
    js this的含义以及讲解
    炫酷实用的CSS3代码垂直手风琴菜单
    机器学习初探(手写数字识别)HOG图片
    机器学习初探(手写数字识别)matlab读取数据集
    Google B4网络阅读记录(翻译)
  • 原文地址:https://www.cnblogs.com/sun-frederick/p/4757318.html
Copyright © 2020-2023  润新知