zoukankan      html  css  js  c++  java
  • 博客园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>
    

      

  • 相关阅读:
    Windows Azure Storage (17) Azure Storage读取访问地域冗余(Read Access – Geo Redundant Storage, RA-GRS)
    SQL Azure (15) SQL Azure 新的规格
    Azure China (5) 管理Azure China Powershell
    Azure China (4) 管理Azure China Storage Account
    Azure China (3) 使用Visual Studio 2013证书发布Cloud Service至Azure China
    Azure China (2) Azure China管理界面初探
    Azure China (1) Azure公有云落地中国
    SQL Azure (14) 将云端SQL Azure中的数据库备份到本地SQL Server
    [New Portal]Windows Azure Virtual Machine (23) 使用Storage Space,提高Virtual Machine磁盘的IOPS
    Android数据库升级、降级、创建(onCreate() onUpgrade() onDowngrade())的注意点
  • 原文地址:https://www.cnblogs.com/sun-frederick/p/4757318.html
Copyright © 2011-2022 走看看