1 /**************************************************  2 名称：iMetro原作者：崎仔    6 **************************************************/  7   8 /**************************************************  9 公共样式 10 **************************************************/ 11 #EntryTag { 12     margin-top: 20px; 13     font-size: 9pt; 14     color: gray; 15 } 16 .topicListFooter { 17     text-align: right; 18     margin-right: 10px; 19     margin-top: 10px; 20 } 21 #divRefreshComments { 22     text-align: right; 23     margin-right: 10px; 24     margin-bottom: 5px; 25     font-size: 9pt; 26 } 27 /************************************************** 28 全局样式 29 **************************************************/ 30 * { 31     margin: 0px; 32     padding: 0px; 33 } 34 body { 35     background-color:#0A0A0A; 36     background-repeat:no-repeat; 37     background-attachment:fixed; 38 } 39 table { 40     border-collapse: collapse; 41     border-spacing: 0px; 42 } 43 fieldset, img { 44     border: 0px; 45 } 46 li { 47     list-style: none; 48 } 49 h1, h2, h3, h4, h5, h6 { 50     font-size: 100%; 51     font-weight: normal; 52 } 53 a:link, a:visited,a:hover,a:active { 54     color:black; 55     text-decoration: none; 56 } 57 /* 58 a:hover{ 59     color:white; 60     background-color:#1C86EE 61 }*/ 62 .clear { 63     clear: both; 64 } 65 /************************************************** 66 Home 67 **************************************************/ 68 #home { 69     background-color:white; 70     font-family: "微软雅黑"; 71     font-size: 12px; 72     color: black; 73     padding-top:30px; 74     padding-right:25px; 75     word-wrap:break-word; 76     box-shadow: 0 0 25px black; 77     position:relative; 78     width:925px; 79     margin: 15px auto; 80 } 81 /************************************************** 82 Header 83 **************************************************/ 84 #header { 85     margin-bottom:15px; 86     padding-left:45px; 87 } 88 #blogTitle { 89     margin-bottom:15px; 90 } 91 #lnkBlogLogo { 92     background-color:#1C86EE; 93     width:20px; 94     height:120px; 95     display:block; 96     position:absolute; 97     left:0px; 98 } 99 #blogLogo {100     display:none;101 }102 #blogTitle h1 {103     font-size: 400%;104 }105 #blogTitle h2 {106     display:none;107 }108 /*************************************************/109 #navigator {110 }111 #navList {112     overflow:auto;113     margin-bottom:10px;114 }115 #navList li {116     float: left;117 }118 .menu {119     color:#AEEEEE !important;120     margin-right:30px;121     font-size:250%;122 }123 #navList a[href="http://www.cnblogs.com/"] {124     color:black !important;125 }126 .aHeaderXML {127 }128 .blogStats {129     text-align:right;130     color:red;131 }132 /**************************************************133 Main134 **************************************************/135 #main {136     overflow:auto;137     padding-left:25px;138 }139 #main a {140     color:black;    141 }142 #main a:hover {143     color:white;144     background-color:#1C86EE145 }146 /*************************************************/147 #mainContent .forFlow {148 }149 #mainContent {150     float:left;151     width:650px;152 }153 /*************************************************/154 .day {155     margin-bottom:10px;156     border-bottom:1px solid black;157 }158 /*************************************************/159 .dayTitle {160     background-color:#1C86EE;161     padding-top:3px;162     padding-left: 15px;163     padding-right: 15px;164     padding-bottom:3px;165     margin-bottom:10px;166 }167 .dayTitle a {168     color:black;169     font-size:133%;170 }171 .dayTitle a:hover{172     color:white;173     background-color:#1C86EE;174 }175 /*************************************************/176 .postTitle {177     background-image:url("images/logo.png");178     background-repeat:repeat-y;179     background-position: -10px 0px;180     margin-bottom:10px;181     padding-left:15px;182     padding-right:15px;183 }184 .postTitle2 {185     font-size:200%;186 }187 /*************************************************/188 .postCon {189     font-size:116%;190     padding-left:15px;191     padding-right:15px;192     margin-bottom:5px;193     overflow:auto;194 }195 /*************************************************/196 .postDesc {197     color:gray;198     text-align:right;199     padding-left:15px;200     padding-right:15px;201     margin-bottom:5px;202 }203 .postDesc a {204     color:gray;205 }206 /*************************************************/207 .postSeparator {208     border-bottom:1px dashed black;209     margin-bottom:10px;210 }211 /*************************************************/212 .topicListFooter {213     padding-left:15px;214     padding-right:15px;215     margin:0px;216 }217 .topicListFooter a {218     color:#1C86EE;219 }220 /**************************************************221 Side Bar222 **************************************************/223 #sideBar {224     width:225px;225     float:right;226 }227 #sideBar a {228     color:black;229 }230 #sideBar a:hover{231     color:white;232     background-color:#1C86EE;233 }234 /*************************************************/235 #sideBarMain {236     font-size:116%;237 }238 #sideBarMain li {239     text-overflow:ellipsis;240     overflow:hidden;241     white-space:nowrap;242 }243 /*************************************************/244 .newsItem {245     border:1px solid black;246     padding:15px;247     margin-bottom:15px;248 }249 /*************************************************/250 #calendar {251     border:1px solid black;252     padding:15px;253     margin-bottom:15px;254 }255 /*************************************************/256 .Cal {257     width: 100%;258 }259 /*************************************************/260 .CalTitle {261     width:100%;262     border-bottom:1px solid black;263 }264 .CalNextPrev a {265     font-weight:normal !important;266     color:black !important;267     background-color:transparent !important;268 }269 /*************************************************/270 .CalDayHeader {271     border-bottom:1px dashed black;272 }273 /*************************************************/274 #calendar a {275     color:#1C86EE;276     font-weight: bold;277 }278 #calendar a:hover {279     color: white;280     background-color: #1C86EE;281 }282 .CalTodayDay {283     font-weight: bold;284     color:#1C86EE;285 }286 /*************************************************/287 .catListTag {288     overflow:auto;289 }290 .catListTag li {291     float:left;292     float:none\9;293     margin:0px 4px 6px 0px;294     overflow:visible !important;295     white-space:normal !important;296     word-break:break-all !important;297 }298 .catListTag a {299     color:white;300     background-color:green;301     padding:1px 3px 1px 3px;302 }303 /*************************************************/304 .div_my_zzk {305     position:relative;306 }307 .input_my_zzk {308     width: 155px;309     height:25px;310     padding-right:30px;311     width:100px\9;312     height:auto\9;313     padding-right:0px\9;314 }315 .btn_my_zzk {316     background-repeat:no-repeat;317     background-size:25px;318     background-color:transparent;319     width: 25px;320     height:25px;321     color: transparent;322     border: 0px;323     border-style:none;324     position:absolute;325     cursor:pointer;326     top:2px;327     right:6px;328     background-repeat:repeat\9;329     background-size:auto\9;330     background-color:yellow\9;331     width:auto\9;332     height:auto\9;333     color:white\9;334     border: 0px\9;335     border-style:none\9;336     position:static\9;337     cursor:pointer\9;338 }339 #btnZzk {340     background-image:url("images/search.png");341     background-image:none\9;342     background-image:none\0;343 }344 .mySearch input[value="谷歌搜索"] {345     background-image:url("images/google.png");346     background-image:none\9;347     background-image:none\0;348 }349 /*************************************************/350 #leftcontentcontainer > div {351     border:1px solid black;352     padding:15px;353     margin-bottom:15px;354 }355 .catListTitle {356     font-size:200%;357     margin-bottom:5px;358 }359 .catListComment {360 }361 .recent_comment_body {362     text-indent:2em;363     font-size:85%;364     color: gray !important;365     overflow:visible !important;366     white-space:normal !important;367 }368 .recent_comment_author {369     border-bottom:1px dashed black;370     font-size:85%;371     color:    !important;372     overflow:visible !important;373     white-space:normal !important;374 }375 /**************************************************376 文章377 **************************************************/378 #topics {379     margin-bottom: 10px;380     border-bottom: 1px solid black;381 }382 /*************************************************/383 .postBody {384     font-size:116%;385     padding-left:15px;386     padding-right:15px;387     margin-bottom:5px;388 }389 /*************************************************/390 #cnblogs_post_body {391     margin-bottom:30px;392     overflow:auto;393 }394 /*************************************************/395 #MySignature {396     background-color: #F8F8EE;397     border: solid 1px #E8E7D0;398     box-shadow: 0 0 15px #aaa;399     padding: 10px;400     margin-bottom:10px;401     color: gray;402 }403 /*************************************************/404 #BlogPostCategory {405     margin-bottom:5px;406 }407 /*************************************************/408 #EntryTag {409     margin-top:0px;410     text-align:right;411 }412 #EntryTag a {413     color: white;414     background-color: yellow;415     padding: 1px 3px 1px 3px;416 }417 /**************************************************418 评论419 **************************************************/420 .feedback_area_title {421     color:white;422     font-size:133%;423     background-color:#1C86EE;424     padding:3px 15px 3px 15px;425     margin-bottom:10px;426 }427 /*************************************************/428 .feedbackItem {429     position:relative;430     border-bottom:1px solid black;431     padding-left:15px;432     padding-right:15px;433     margin-bottom:10px;434 }435 /*************************************************/436 .feedbackListSubtitle {437     margin-left:65px;438     margin-bottom:5px;439     border-bottom:1px dashed black;440 }441 /*************************************************/442 .feedbackManage {443     position:absolute;444     bottom:0px;445     right:15px;446 }447 .feedbackManage a {448     color:gray;449 }450 /*************************************************/451 .feedbackManage + a[href^="#"] {452     display:block;453     width:50px;454     height:50px;455     background-color:gray;456     position:absolute;457     color:white;458     font-size:133%;459     text-align:center;460     left:15px;461 }462 /*************************************************/463 .louzhu {464     color:#1C86EE;465 }466 /*************************************************/467 .feedbackCon {468     padding-left:65px;469     margin-bottom:35px;470     font-size:116%;471 }472 /*************************************************/473 #comment_nav {474     margin-right:0px;475     margin-bottom: 10px;476     text-align:center;477     padding-top:3px;478     padding-bottom:3px;479     padding-left:15px;480     padding-right:15px;481     background-color:#1C86EE;482 }483 #comment_nav a {484     color:white;485     font-size:116%;486 }487 /**************************************************488 列表489 **************************************************/490 .entrylistTitle, .PostListTitle, .thumbTitle {491     background-color:#1C86EE;492     padding-top:3px;493     padding-left: 15px;494     padding-right: 15px;495     padding-bottom:3px;496     margin-bottom:10px;497     color: white;498     font-size: 133%;499 }500 .entrylistDescription, .thumbDescription {501     background-color:#1C86EE;502     padding-top:3px;503     padding-left: 15px;504     padding-right: 15px;505     padding-bottom:3px;506     margin-bottom:10px;507     color:white;508     text-align:right;509 }510 .entrylistItem {511     margin-bottom:10px;512     border-bottom:1px solid black;513 }514 .entrylistPosttitle {515     background-image:url("images/logo.png");516     background-repeat:repeat-y;517     background-position: -10px 0px;518     margin-bottom:10px;519     padding-left:15px;520     padding-right:15px;521 }522 .entrylistItemTitle {523     font-size:200%;524 }525 .entrylistPostSummary {526     font-size:116%;527     padding-left:15px;528     padding-right:15px;529     margin-bottom:5px;530 }531 .entrylistItemPostDesc {532     color:gray;533     text-align:right;534     padding-left:15px;535     padding-right:15px;536     margin-bottom:5px;537 }538 .entrylistItemPostDesc a {539     color:gray;540 }541 .entrylist .postSeparator {542     display:none;543 }544 .PostList {545     padding-left:15px;546     padding-right:15px;547     margin-bottom: 10px;548     border-bottom: 1px dashed black;549 }550 .postTitl2 {551     float: left;552     margin-bottom: 5px;553 }554 .postDesc2 {555     float: right;556     color: gray;557     margin-bottom: 5px;558 }559 .postText2 {560     clear:both;561     color: gray;562     margin-bottom: 5px;563 }564 /**************************************************565 相册566 **************************************************/567 .divPhoto {568     border: 1px solid #1C86EE;569     padding: 2px;570     margin-right: 10px;571     opacity:0.5;572 }573 .divPhoto:hover {574     opacity:1;575 }576 /**************************************************577 Footer578 **************************************************/579 #footer {580     text-align: center;581     border-top: 2px solid #1C86EE;582     margin-top: 50px;583     margin-left:25px;584     padding-top: 10px;585     padding-bottom: 10px;586 }587 /**************************************************588 文章内部格式589 **************************************************/590 .postBody h1 {591     display: block;592     font-size: 2em;593     font-weight: bold;594     margin: 15px auto 2px auto;595 }596 .postBody h2 {597     display: block;598     font-size: 1.5em;599     font-weight: bold;600     margin: 15px auto 2px auto;601 }602 .postBody h3 {603     display: block;604     font-size: 1.17em;605     font-weight:bold;606     margin: 15px auto 2px auto;607 }608 .postBody h4 {609     display: block;610     font-weight:bold;611     margin: 15px auto 2px auto;612 }613 .postBody h5 {614     display: block;615     font-size: 0.83em;616     font-weight:bold;617     margin: 15px auto 2px auto;618 }619 .postBody h6 {620     font-size:100%;621     font-size: 0.67em;622     font-weight:bold;623     margin: 15px auto 2px auto;624 }625 .postBody a {626     color:#1C86EE;627     padding: 1px 3px 1px 3px;628 }629 .postBody a:hover {630     background-color:#1C86EE;631     color:white;632 }633 .postBody blockquote {634     background: url("images/quote.png") no-repeat -75px -20px #F0F0F0;635     border-radius: 10px;636     margin: 20px 0px;637     padding: 20px 50px;638 }639 /*************************************************/640 .postCon a {641     color:#1C86EE;642     padding: 1px 3px 1px 3px;643 }644 .postCon a:hover {645     background-color:#1C86EE;646     color:white;647 }648 /*************************************************/649 .c_b_p_desc_readmore {650     color:#1C86EE !important;651 }652 .c_b_p_desc_readmore:hover {653     color:white !important;654     background-color:#1C86EE !important;655 }