zoukankan      html  css  js  c++  java
  • 这是荷塘月色另外的一种风格代码,要的拿。。。。记得禁止默认CSS

    
    
    View Code
    #EntryTag {
    position:relative; 
    width:690px; height:auto;
    margin:20px 0px 20px 0px; border:none; padding:0px;
    overflow:hidden;
    }
    .topicListFooter {
    position:relative; 
    width:690px; height:30px;
    margin:0px; border:none; padding:0px 20px 20px 20px;
    overflow:hidden;
    text-align:right;
    }
    #divRefreshComments{
    position:relative;
    width:690px; height:30px;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    text-align:right;
    }
    
    * {
    margin:0px; padding:0px;
    }
    body {
    margin:0px; padding:0px;
    background-color:#FFFFFF;
    font-family: verdana,Arial,Helvetica;
    font-size:12px;
    }
    fieldset, img {
    border:0px;
    }
    div {
    /*margin-bottom:15px;*/
    background-color:Transparent;
    }
    table {
    border-spacing:0px; border-collapse:collapse;
    }
    ul {
    word-break:break-all;
    }
    li {
    list-style:none;
    }
    .clear {
    
    }
    a:link {
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    a:visited {
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    a:hover {
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:underline; line-height:normal;
    }
    a:active {
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    #home {
    position:absolute; top:0px; left:0px; z-index:100;
    width:100%; height:auto;
    margin:0px; border:none; padding:0px;
    background-color:Transparent; background-image:url(http://pic002.cnblogs.com/images/2012/196526/2012021814543678.jpg); background-position:top center;
    
    background-repeat:no-repeat;
    font-family:微软雅黑; 
    }
    #header {
    position:relative; top:0px; left:auto;
    width:950px; height:310px;
    margin:auto; border:none; padding:0px;
    background:none;
    overflow:hidden;
    }
    #blogTitle {
    position:relative; top:130px; left:0px;
    width:740px; height:75px;
    margin:0px; border:none; padding:0px;
    background:none;
    overflow:hidden;
    }
    #blogTitle h1 {
    float:left;
    margin:0px; border:none; padding:0px;
    }
    #blogTitle a {
    color:#000000; font-family:微软雅黑, 幼圆, 微软雅黑, 微软雅黑; font-size:36px; font-weight:normal; line-height:normal;
    }
    #blogTitle h2 {
    float:left;
    width:740px;
    margin:0px; border:none; padding:0px;
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    #blogLogo {
    float:left;
    margin:0px; border:none; padding:0px;
    }
    #navigator {
    position:relative; top:150px; left:0px;
    height: 40px;
    clear: both;
    }
    #navList {
    min-height: 40px;
    float: left;
    }
    #navList li {
    float:left;
    }
    #navList a {
    display: block;
    width: 70px;
    height: 31px;
    float: left;
    text-align: center;
    padding-top: 9px;
    font-size:14px;
    font-family:微软雅黑, 微软雅黑, 微软雅黑, 微软雅黑;
    }
    #navList a:link, #navList a:visited, #navList a:active {
    color: #555;
    }
    #navList a:hover {
    font-size:18px;
    color: black;
    text-decoration: none;
    }
    #navList img{
    padding-top:6px;
    }
    .blogStats {
    float:right;
    margin:0px; border:none; padding:0px;
    background:none;
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal; text-decoration:none; line-height:normal;
    }
    #footer {
    position:relative; top:0px; left:auto;
    width:950px; height:auto;
    margin:auto; border:none; padding:30px 0px 30px 0px;
    background:none;
    overflow:hidden;
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; line-height:normal; text-align:center;
    }
    
    #main{
    position:relative; top:0px; left:auto;
    width:950px; height:auto;
    margin:auto; border:none; padding-right:0px;
    overflow:hidden;
    }
    #mainContent {
    float:right; 
    }
    #mainContent .forFlow{
    background-position:right top;
    }
    .day {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    }
    .dayTitle {
    display:none;
    }
    .postTitle {
    position:relative;
    width:690px; height:30px;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    }
    .postTitle a {
    color:#6A6352; font-family:微软雅黑, 华文细黑, 黑体, Arial; font-size:18px; font-weight:normal; line-height:normal;
    }
    .postCon {
    position:relative;
    width:690px; height:auto;
    margin:10px 0px 0px 0px; border:none; padding:0px;
    overflow:hidden;
    color:#494949; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; line-height:1.4;
    }
    .postCon a {
    color:#494949; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:normal;
    }
    .postDesc {
    position:relative; 
    width:690px; height:30px;
    margin:0px; border-bottom:#CCCCCC 1px dashed; padding:0px;
    overflow:hidden;
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:1.4;
    }
    .postSeparator {
    display:none;
    }
    
    #sideBar {
    width:205px; height:auto;
    float: left; 
    }
    #sideBarMain {
    position:relative;
    width:205px; height:auto;
    margin:0px; border:none; padding:0px;
    background:none;
    overflow:hidden;
    }
    #leftcontentcontainer {
    position:relative;
    width:205px; height:auto;
    margin:0px; border:none; padding:0px;
    background:none;
    overflow:hidden;
    }
    .newsItem {
    position:relative;
    width:185px; height:auto;
    margin:0px 0px 15px 0px; border:none; padding:10px;
    overflow:hidden;
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .newsItem a {
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:normal;
    }
    .newsItem .catListTitle {
    position:relative; top:-10px; left:-10px;
    width:195px; height:19px;
    margin:0px; border-bottom:#D6DDDC 1px solid; padding:5px 0px 0px 10px;
    background-color:Transparent;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; line-height:normal;
    }
    
    #calendar {
    position:relative;
    width:205px; height:auto;
    margin:0px 0px 15px 0px; border:none; padding:24px 0px 0px 0px;
    background-color:Transparent;
    overflow:hidden;
    }
    #calendar .Cal {
    position:relative;
    width:205px; height:auto;
    margin:0px; border-top:#D6DDDC 1px solid; padding:0px;
    background-color:Transparent;
    overflow:hidden;
    }
    .Cal {
    cursor:default; color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; line-height:20px;
    }
    .CalTitle{
    width:200px;
    color:#6A6352; font-weight:bold; line-height:30px; text-align:center;
    }
    .CalDayHeader{
    font-weight:bold;
    }
    .CalTodayDay{
    color:#F60000;
    }
    #calendar table a:hover {
    background-color:#F66000;
    font-weight:bold;
    }
    #calendar .CalNextPrev a {
    
    }
    
    .catListTitle {
    position:relative;
    width:195px; height:19px;
    margin:0px; border-bottom:#D6DDDC 1px solid; padding:5px 0px 0px 10px;
    background-color:Transparent;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; line-height:normal;
    }
    .catListComment {
    position:relative;
    width:205px; height:auto;
    margin:0px 0px 15px 0px; border:none; padding:0px;
    overflow:hidden;
    }
    .divRecentCommentAticle {
    position:relative;
    width:185px; height:auto;
    margin:10px 10px 0px 10px; border:none; padding:0px;
    overflow:hidden;
    }
    .divRecentCommentAticle a {
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:20px;
    }
    .divRecentComment {
    position:relative;
    width:185px; height:auto;
    margin:0px 10px 10px 10px; border-bottom:#CCCCCC 1px dashed; padding:0px;
    overflow:hidden;
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:20px;
    }
    #sideBarMain ul {
    position:relative;
    width:185px; height:auto;
    margin:0px; border:none; padding:10px;
    overflow:hidden;
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:20px;
    }
    #sideBarMain ul a {
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:20px;
    }
    
    #topics {
    position:relative;
    width:710px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    }
    #topics .postTitle {
    position:relative;
    width:690px; height:30px;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    }
    #topics .postTitle a {
    color:#6A6352; font-family:微软雅黑, 华文细黑, 黑体, Arial; font-size:18px; font-weight:normal; line-height:normal;
    }
    .postBody {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    color:#494949; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; line-height:1.6;
    }
    .postBody a {
    color:#494949; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:underline; 
    }
    #topics .postDesc {
    position:relative; 
    width:690px; height:30px;
    margin:0px; border-bottom:#CCCCCC 1px dashed; padding:0px;
    overflow:hidden;
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .feedback_area_title {
    position:relative;
    width:690px; height:20px;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; line-height:normal;
    }
    .louzhu {
    }
    .feedbackItem{margin-top:10px;}
    .feedbackManage {
    position:relative;
    /*690px;*/ height:20px;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    float:right;
    }
    .feedbackManage a {
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:normal;
    }
    .feedbackListSubtitle {
    position:relative;
    widows:690px; height:auto;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .feedbackListSubtitle a {
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:normal;
    }
    .feedbackCon {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border:#CCCCCC 1px dashed; padding:5px;
    overflow:hidden;
    color:#878787; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .feedbackCon a {
    color:#878787; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:normal;
    }
    
    .entrylistTitle, .PostListTitle {
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; line-height:normal;
    }
    .entrylistDescription {
    position:relative;
    width:690px; height:auto;
    margin:5px 20px 20px 20px; border:none; padding:0px;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .entrylistItem {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border-bottom:#CCCCCC 1px dashed; padding:10px 0px 10px 0px;
    overflow:hidden;
    }
    .entrylistPosttitle {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    }
    .entrylistPosttitle a {
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:normal;
    }
    .entrylistPostSummary {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:10px 0px 10px 0px;
    overflow:hidden;
    color:#494949; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .entrylistPostSummary a {
    color:#494949; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:normal;
    }
    .entrylistItemPostDesc {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .entrylist .postSeparator {
    display:none;
    }
    .Pager {
    position:relative;
    width:690px; height:auto;
    margin:5px 20px 20px 20px; border:none; padding:0px;
    overflow:hidden;
    text-align:right;
    }
    .PostList {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border-bottom:#CCCCCC 1px dashed; padding:10px 0px 10px 0px;
    overflow:hidden;
    }
    .postTitl2 {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    }
    .postTitl2 a {
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:normal;
    }
    .postDesc2 {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .postText2 {
    position:relative;
    width:690px; height:auto;
    margin:10px 0px 0px 0px; border:none; padding:0px;
    overflow:hidden;
    color:#494949; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .postText2 a {
    color:#494949; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:normal;
    }
    .pfl_feedback_area_title {
    position:relative;
    width:690px; height:auto;
    margin:20px 20px 20px 20px; border:none; padding:0px;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; line-height:normal;
    }
    .pfl_feedbackItem {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border-bottom:#CCCCCC 1px dashed; padding:10px 0px 10px 0px;
    overflow:hidden;
    }
    .pfl_feedbacksubtitle {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    }
    .pfl_feedbackname {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .pfl_feedbackname a {
    color:#6A6352; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:normal;
    }
    .pfl_feedbackManage {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    }
    .pfl_feedbackCon {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:10px 0px 10px 0px;
    overflow:hidden;
    color:#878787; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .pfl_feedbackAnswer {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    color:#494949; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    
    .gallery {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    }
    .thumbTitle {
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; line-height:normal;
    }
    .thumbDescription {
    position:relative;
    width:690px; height:auto;
    margin:5px 0px 20px 0px; border:none; padding:0px;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .thumbDescription a {
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:normal;
    }
    .divPhoto {
    margin:10px; border:#CCCCCC 1px solid; padding:2px;
    }
    
    #AjaxHolder_PostComment_divCommnentArea {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; line-height:30px;
    }
    
    .personInfo img {
    margin:0px 20px 20px 20px; border:#CCCCCC 1px solid; padding:2px;
    }
    .userDocument {
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal;
    }
    .userDocument b {
    color:#55626E; font-family:微软雅黑, 华文细黑, 黑体, Arial; font-size:18px; font-weight:normal; text-decoration:none; line-height:50px;
    }
    .pages {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:normal; text-align:right;
    }
    #Profile1_panelAdd {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; line-height:30px;
    }
    
    .postBody {}
    .postBody p, .postCon p{}
    .postBody h2 {}
    .postBody h3 {}
    .postBody h4{}
    .postBody h5{}
    .postBody a:link, .postBody a:visited, .postBody a:active{}
    .postCon a:link, .postCon a:visited, .postCon a:active{}
    .postBody ul, .postCon ul{}
    .postBody li, .postCon li{}
    .postBody blockquote{}
    
    .commentform {
    position:relative;
    width:690px; height:auto;
    margin:0px 20px 0px 20px; border:none; padding:0px;
    overflow:hidden;
    }
    .commentform p, .commentform span {
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; line-height:30px;
    }
    #comment_nav {
    position:relative;
    width:690px; height:30px;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    text-align:right;
    }
    #commentform_title
    {
    color:#6A6352;
    }
    .commentbox_title
    {
    margin-bottom:0px;
    }
    .commentbox_title_left
    {
    color:#6A6352;
    }
    .commentbox_title_right {
    float:right;
    width:auto; 
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    }
    .comment_btn {
    width:80px;
    }
    #relative_search, .c_ad_block {
    position:relative;
    min-width:0px; min-height:0px;
    margin:10px 0px 0px 0px; border:#CCCCCC 1px dashed; padding:5px;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; line-height:30px;
    }
    .galleryTitle {
    position:relative;
    width:690px; height:auto;
    margin:0px; border:none; padding:0px;
    overflow:hidden;
    color:#55626E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; line-height:normal;
    }
    .comment_pager{padding-left:20px;font-size:12px;color:#6A6352;}
    .post{padding-left:20px;}
    
    .div_my_zzk{margin-left:10px;}
    .mySearch{padding-bottom:5px;}
    
    
    
     
    作者:LaoLuo
    本文出自LaoLuo's随笔,系统逻辑无法判断文章质量,但未转载必须保留此段声明,,否则保留追究责任的权利.
  • 相关阅读:
    js简单排序
    js希尔排序
    js直接插入排序
    大数运算
    IOC和AOP的理解 (持续更新)
    频发事件的缓存技巧
    执行上下文深入解析(Execution Context)
    二分
    HDU 3790 最短路径问题 (双重权值)
    浅谈Targan算法
  • 原文地址:https://www.cnblogs.com/LaoLuo/p/2378637.html
Copyright © 2011-2022 走看看