示例❤源码



body{ max-width:750px; line-height:180%; padding:0; margin:0 auto; }

header{ padding:10px 0px auto 0px; border-bottom:1px solid #CCC; }
header img{ max-height:30px; float:right; }
h1{ font-size:larger; text-align:left; padding:0px 10px; }
h3{ padding-left:1rem; }
footer{ text-align:center; font-size:smaller; color:#666; padding-bottom:0.5rem; margin:1rem 0; background:#EEE; border-top:1px solid #CCC; }
nav{ text-align:center; line-height:180%; padding:10px 0 10px 0; margin:0 0 0 0; background:#EEE; border-bottom:1px solid #CCC; }
nav.foot{ text-align:left; padding-left:1rem; }
nav span{ display:inline-block; }
nav a{ display:inline-block; padding:0 5px; }
nav a.act { color:#F00; background:#FFF; border-radius:4px; }
nav .title { font-size:larger; }
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }


.clear{ clear:both; }
.right, .r{ float:right; padding-right:1.0rem; }
h3 .right{ font-size:1.0rem; color:#999; font-weight:normal; }
.lt { border-top:1px solid #CCC; }
.tc{ text-align:center;}
.tr { text-align:right; }
.cF00 { color:#F00; }
.cCCC { color:#CCC; }
.c999 { color:#999; }
.cRB{ color:#F0F; font-weight:bold; }
.sm{ font-size:small; font-style:normal; }
.sm b{ color:#F00; }
.gray, .gray a{ color:#CCC; }
li.gray{ display:none; }


.blok2 { width:50%; float:left; }
.title{ font-size:large; font-weight:bold; padding-left:1.0rem; }
.title a{ font-size:medium; }
.blok2 li>iframe{ margin-left:-20px; }
.blok2>dl p{ margin:0px 1rem; padding:10px 0.5rem; border-top: 1px dashed #CCC; }
.blok2>ul li{ padding:5px 0; }
.vsml{ display:none; }
.vbig{ display:block; }
.hidmax { display:none; }
@media only screen and (max-width:560px){
    .blok2 { width:100%; float:none; }
    .vsml{ display:block; }
    .vbig{ display:none; }
    .blok2 li>ul{ margin-left:-1rem; margin-right:1rem; }
    .hidmin{ display:none; }
    .hidmax { display:inline-block; }
}

.btext{ padding:0 10px; }
.btext, .btext p, .btext div, .btext li{ word-wrap:break-word;word-break:break-all;white-space:normal; }

.btext h1, .btext h2{ text-align:center; font-size:24px; }
.btext h2{ font-size:18px; background:#EEE; padding:0.5rem 0 }
.btext h3{ font-size:16px; font-weight:bolder; padding:5px 0px; border-bottom: 1px dotted; }
.btext h3:before{ content:"❤ "; color:#036; }
.btext h4{ font-size:16px; text-align:center; color:#036; } 
.btext h5{ font-weight:bolder; }
.btext h5:before{ content:"-- "; color:#036; } 

.btext ul{ margin:1rem 0px; } 
.btext>ul{ padding:0px; }  
.btext ul, .btext li{ list-style:disc inside; }
.btext li ul{ margin:0px 1rem 1rem 1rem; }
.btext li ul li{ list-style:circle; }
.btext pre{ background:#EEE; border:1px solid #CCC; padding:0.5rem; }
.btext .code{ background:#EEE; border:1px solid #CCC; margin:1rem -0.5rem; padding:0.5rem; }
.btext code, .btext pre{ 
    background-color: rgba(27,31,35,.05);
    border-radius: 3px;
    font-size:100%; 
    margin: 0;
    padding: .2em .4em;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.btext>p img{ width:100%; max-width:960px; }
@media only screen and (max-width:560px){
    .btext>p img{ width:100%; }
}

li>table{ margin-left:1rem; }
li>table th{ font-weight:normal; background:#DDD; }

/* 关掉畅言广告 */
#feedAv div, #pop_ad{ display:none; width:0px; height:0px; padding:0; margin:0; }
.section-newslist-w, .module-cmt-footer, .module-hot-topic{ 
    display:none; }


/*


*/