• 本博客样式CSS,在BlackLowKey模板基础上修改


    特别感谢原作者

    @charset "utf-8";
    #EntryTag { margin-top: 20px; font-size: 9pt; color: gray; }
    .topicListFooter { text-align: right; margin-right: 10px; margin-bottom: 10px;}
    #divRefreshComments { text-align: right; margin-right: 10px; margin-bottom: 5px; font-size: 9pt; }
    * { margin: 0; padding: 0; }
    html { height: 100%; }
    body { color: #000; background: #fff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; min-height: 101%; background: url(/Skins/BlackLowKey/images/body_bg.jpg) top center no-repeat #000; }
    table { border-collapse: collapse; border-spacing: 0; }
    fieldset, img { border: 0; }
    ul { word-break: break-all; }
    li { list-style: none; }
    h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
    a:link { color: #000; text-decoration: none; }
    a:visited { color: #000; text-decoration: none; }
    a:hover { color: #f60; text-decoration: underline; }
    a:active { color: #000; text-decoration: none; }
    .clear { clear: both; }
    #home { margin: 0 auto;  100%; }
    #header { margin-top: 2em; }
    #blogTitle { height: 60px; clear: both; }
    #blogTitle h1 { font-size: 150%; font-weight: bold; line-height: 1.5em; margin-left: 1em; margin-top: 10px;  50%; float: left; display: inline; letter-spacing: 1px; }
    #blogTitle h2 { margin-top: 2em; margin-left: 8em; line-height: 1.5em;  50%; float: left; display: inline; font-size: 14px; }
    #blogTitle h1 a, #blogTitle h2 { color: #fff; font-family: "微软雅黑"; text-shadow: 3px 3px 3px #003d44; }
    #blogLogo { float: right; }
    #navigator { background-color: #333; height: 55px; clear: both; margin-top: 60px; position: relative; }
    #navList { min-height: 30px; float: left; margin-left: 30px; }
    #navList li { float: left; }
    #navList a { margin: 18px 10px 0 0; padding: 0 10px; font: 14px/1.5em "微软雅黑"; display: block; }
    #navList a:link, #navList a:visited, #navList a:active { color: #fff; text-shadow: 3px 3px 3px #000; }
    #navList a:hover { text-decoration: underline; }
    #navList .aHeaderXML { display: none; }
    .blogStats { float: right; color: #ccc; margin-top: 20px; margin-right: 2px; text-align: right; visibility: hidden; }
    .themeSelect { position: absolute; right: 20px; top: 20px; }
    .themeSelect .box-color {  15px; height: 15px; background-color: #ccc; float: left; display: inline; margin-left: 10px; }
    #main { min- 980px; text-align: left; clear: both; background: #fff; }
    #mainContent .forFlow { float: none;  auto; }
    #mainContent { min-height: 200px; *padding-top: 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; float: right;  85%; background: #fff; border:1px solid #999999; margin-top: 10px; margin-bottom: 20px; margin-left: 5px; margin-right: 10px;}
    .day { min-height: 10px; _height: 10px; margin-bottom: 5px; padding-bottom: 5px; margin-left: 20px; margin-top: 1em; margin-right: 2em; }
    .dayTitle { color: #666; font-weight: bold; line-height: 1.5em; font-size: 110%; margin-top: 3px; margin-bottom: 10px; float: right; position: relative;}
    .postTitle { font-size: 14px; font-weight: bold; padding: 0 100px 5px 30px; border-bottom: 1px solid #e0e0e0; line-height: 1.5em; border-left: 5px solid #1fa6e6; margin-top: 20px;}
    .postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #1c7791;}
    .postTitle a:hover { color: #f60; text-decoration: none; }
    .postCon { float: right; line-height: 1.7em;  97%; clear: both; padding: 10px 0; }
    .postDesc { float: none; clear: both; text-align: right; padding-right: 5px; color: #a3a3a3; }
    .postDesc a:link, .postDesc a:visited, .postDesc a:active { color: #a3a3a3; }
    .postDesc a:hover { color: #f60; text-decoration: none; }
    .postSeparator { clear: both; height: 1px; clear: both; float: right; margin: 0 auto 5em auto; }
    .topicListFooter { margin-top: 5em; }
    #sideBar { min-height: 200px; padding: 0 5px 0 5px; margin-left: 5px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; _margin-left: 0; _ 240px; }
    .newsItem .catListTitle { text-align: left; padding: 5px 10px; border: 1px solid #ccc; background: #f0f0f0; }
    .newsItem { padding: 0 0 0 0; margin-bottom: 0.5em; }
    #calendar {  229px; margin-bottom: 2em; }
    #calendar .Cal {  96%; line-height: 1.5em; }
    .Cal { border: none; color: #666; }
    .Cal td { padding: 3px 0; }
    #calendar table a:link, #calendar table a:visited, #calendar table a:active { font-weight: bold; }
    #calendar table a:hover { color: #fff; text-decoration: none; background-color: #f60; }
    .CalTodayDay { color: #f60; }
    #calendar .CalNextPrev a:link, #calendar .CalNextPrev a:visited, #calendar .CalNextPrev a:active { font-weight: bold; background-color: #fff; }
    .CalDayHeader { border-bottom: 1px solid #ccc; }
    .CalTitle {  100%; background: #fff; color: #000; border-bottom: 1px solid #666; }
    .catListTitle { font-weight: bold; line-height: 1.5em; font-size: 110%; margin-top: 15px; margin-bottom: 10px; border-bottom: 1px solid #000; text-align: center; }
    .catListComment { line-height: 1.5em; }
    .divRecentComment { text-indent: 2em; color: #666; }
    #sideBarMain { margin-top: 10px; border:1px solid #999999;}
    #sideBarMain ul { line-height: 1.5em; }
    .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListArticleArchive, .catListImageCategory, .mySearch, .catListComment, .catListView, .catListFeedback { margin-bottom: 2em; }
    .catListEssay h3, .catListLink h3, .catListNoteBook h3, .catListTag h3, .catListPostCategory h3, .catListPostArchive h3, .catListArticleArchive h3, .catListImageCategory h3, .mySearch h3, .catListComment h3, .catListView h3, .catListFeedback h3, #blog-sidecolumn .catListTitle { text-align: left; padding: 5px 10px; background: #f0f0f0; border-bottom: none; border: 1px solid #ccc; }
    .catListEssay ul, .catListLink ul, .catListNoteBook ul, .catListTag ul, .catListPostCategory ul, .catListPostArchive ul, .catListArticleArchive ul, .catListImageCategory ul, .mySearch ul, .catListComment ul, .catListView ul, .catListFeedback ul { padding-left: 1em; }
    .catListEssay ul li, .catListLink ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li, .catListPostArchive ul li, .catListArticleArchive ul li, .catListImageCategory ul li, .mySearch ul li, .catListComment ul li, .catListView ul li, .catListFeedback ul li { margin: .5em; }
    #blog-sidecolumn .catList ul, #blog-sidecolumn .catListBlogRank ul, #blog-sidecolumn .catListArticleCategory ul { margin-left: 15px; }
    .divRecentCommentAticle { margin-top: 1.5em; }
    .divRecentComment { margin-top: .5em; }
    #topics { min-height: 200px; padding: 1em; }
    #topics .postTitle { font-size: 130%; font-weight: bold; border-bottom: 1px solid #999; line-height: 1.5em; padding-left: 5px; }
    .postBody { padding: 5px 2px 5px 5px; line-height: 1.5; color: #000; border-bottom: 1px solid #000; }
    #EntryTag { color: #666; }
    #EntryTag a { margin-left: 5px; }
    #EntryTag a:link, #EntryTag a:visited, #EntryTag a:active { color: #666; }
    #EntryTag a:hover { color: #f60; }
    #topics .postDesc { float: none; text-align: right; padding-right: 5px; color: #666; margin-top: 5px; }
    .feedback_area_title { font-weight: bold; border-bottom: 1px solid #333; font-size: 1.2em; margin-top: 20px; margin: 20px 10px 0; padding: 0 0 5px 8px; }
    .louzhu { background: transparent url('images/icoLouZhu.gif') no-repeat scroll right top; padding-right: 16px; }
    .feedbackListSubtitle { color: #666; }
    .feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active { color: #666; font-weight: normal; }
    .feedbackListSubtitle a:hover { color: #f60; text-decoration: none; }
    .feedbackManage {  200px; text-align: right; float: right; margin-right: 10px; }
    .feedbackCon { border-bottom: 1px solid #ccc; background: url('images/comment.gif') no-repeat 5px 0; padding: 15px 0 10px 40px; min-height: 35px; _height: 35px; margin-bottom: 1em; line-height: 1.5em; margin-right: 10px; }
    #divRefreshComments { text-align: right; margin-bottom: 10px; }
    .commenttb {  320px; }
    .entrylistTitle, .PostListTitle, .thumbTitle { font-size: 110%; font-weight: bold; border-bottom: 1px solid #000; text-align: right; padding: 1em; font-size: 1.3em; color: #1c7791; border-bottom: 1px solid #e0e0e0; }
    .entrylistDescription { color: #666; text-align: right; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-bottom: 10px; }
    .entrylistItem { min-height: 20px; _height: 20px; margin-bottom: 30px; padding-bottom: 5px; }
    .entrylistPosttitle { font-size: 110%; font-weight: bold; border-left: 5px solid #1fa6e6; border-bottom: 1px solid #e0e0e0; padding: 0 0 10px 20px; line-height: 1.5em; padding-left: 5px; }
    .entrylistPosttitle a { margin-left: 10px; }
    .entrylistPosttitle a:hover { text-decoration: none; }
    .entrylistPostSummary { margin-top: 5px; padding-left: 5px; margin-bottom: 5px; margin-left: 20px; }
    .entrylistItemPostDesc { text-align: right; color: #666; }
    .entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active { color: #666; }
    .entrylistItemPostDesc a:hover { color: #f60; }
    .entrylist .postSeparator { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; height: 0; border: none; }
    .pager { text-align: right; margin-right: 10px; }
    .PostList { border-bottom: 1px solid #e0e0e0; clear: both; min-height: 1.5em; _height: 1.5em; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin-bottom: 5px; margin-top: 1em; }
    .postTitl2 { float: left; }
    .postDesc2 { color: #666; float: right; }
    .postText2 { clear: both; color: #666; }
    .pfl_feedback_area_title { text-align: right; line-height: 1.5em; font-weight: bold; border-bottom: 1px solid #666; margin-bottom: 10px; }
    .pfl_feedbackItem { border-bottom: 1px solid #000; margin-bottom: 20px; }
    .pfl_feedbacksubtitle { border-bottom: 1px dotted #666; height: 1.5em; }
    .pfl_feedbackname { float: left; }
    .pfl_feedbackManage { float: right; }
    .pfl_feedbackCon { color: #000; padding-top: 5px; padding-bottom: 5px; }
    .pfl_feedbackAnswer { color: #f40; text-indent: 2em; }
    .tdSentMessage { text-align: right; }
    .errorMessage {  300px; float: left; }
    .mySearch .input_my_zzk { height: 1.4em;  175px; }
    .feedbackItem { margin: 1em 0 1em 1em; }
    .commentform { padding: 0 5px 0 2em; }
    #commentform_title { font-size: 16px; }
    #commentform_user { font-size: 1.2em; margin-top: 1em; }
    #commentform_user input { margin-left: 1em; padding: .1em; }
    .commentbox_main { margin-top: .5em; }
    .commentbox_title_left { font-size: 1.2em; margin-bottom: .4em; }
    .commentbox_opt { }
    #btn_comment_submit { padding: .2em; margin-top: .5em; }
    .Pager { margin-left: 5px; margin-right: 20px; font-weight: bold; }
    .Pager a:link, .Pager a:active, .Pager a:visited { }
    #myposts { margin-left: 1em; margin-right: 20px; }
    .entrylist { margin-left: 1em; margin-right: 20px; }
    .divPhoto { border: 1px solid #ccc; padding: 2px; margin-right: 10px; }
    .thumbDescription { color: #666; text-align: right; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-bottom: 10px; }
    .gallery { margin-left: 1em; }
    .divPhoto:hover { border-color: #08c; box-shadow: 3px 3px 3px rgba(0,0,0,.3); }
    #footer { text-align: center; min-height: 15px; _height: 15px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; padding-bottom: 10px; color: #fff; }
    .personInfo { margin-bottom: 20px; margin-top: 1em; }
    .pages { text-align: right; }
    #profile { margin-left: 1em; }
    .pfl_feedback_area_title { margin-bottom: 1em; }
    .pfl_answer, .pfl_feedbackCon { margin: .5em; }
    #Profile1_panelAdd div { margin-top: .5em; }
    #Profile1_panelAdd div b { float: left;  8em; }
    #Profile1_panelAdd div input.submitComment { padding: .2em; display: block; margin-left: 7.5em; margin-top: 1em; }
    .postBody p, .postCon p { text-indent: 2em; margin: 0 auto 1em auto; }
    .postBody h2 { font-size: 150%; margin: 15px auto 2px auto; font-weight: bold; }
    .postBody h3 { font-size: 120%; margin: 15px auto 2px auto; font-weight: bold; }
    .postBody h4 { font-size: 110%; margin: 15px auto 2px auto; font-weight: bold; color: #333; }
    .postBody h5 { font-size: 100%; margin: 15px auto 2px auto; font-weight: bold; color: #333; }
    .postBody a:link, .postBody a:visited, .postBody a:active { text-decoration: underline; }
    .postCon a:link, .postCon a:visited, .postCon a:active { text-decoration: underline; }
    .postBody ul, .postCon ul { margin-left: 2em; }
    .postBody li, .postCon li { list-style-type: disc; margin-bottom: 1em; }
    .postBody blockquote { background: url('images/comment.gif'))no-repeat 25px 0; padding: 10px 60px 5px 60px; min-height: 35px; _height: 35px; line-height: 1.6em; color: #333; }
    .myposts_title { margin: 20px 0; font-weight: bold; text-align: center; }
    .c_b_p_desc { text-indent: 0; }
    #blog-news { margin-left: 15px; }
    

      

  • 相关阅读:
    《Linux权威指南》阅读笔记(3)
    adb命令篇 (转载)
    3.抓包神器Fiddler简介(转载)
    python-文件基本操作(一) (转载)
    python+requests实现接口测试
    python+requests实现接口测试
    12306登录爬虫 cookies版本
    爬虫3 requests之json 把json数据转化为字典
    爬虫3 requests基础之下载图片用content(二进制内容)
    爬虫3 requests基础之 乱码编码问题
  • 原文地址:https://www.cnblogs.com/fremcode/p/3437168.html
Copyright © 2020-2023  润新知