zoukankan      html  css  js  c++  java
  • 本博客样式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; }
    

      

  • 相关阅读:
    【ShardingSphere】ShardingSphere-JDBC 快速入门
    【Java】Java8新特性之重复注解与类型注解
    【Java】Java8新特性之时间和日期API
    【Java】Java8新特性之接口默认方法与静态方法
    【数据结构】堆
    【数据结构】二叉树
    JavaFx 创建快捷方式及设置开机启动
    【开源库推荐】#2 AndroidUtilCode Android常用工具类大全(附API使用说明)
    谈谈Android中的消息提示那些坑
    Android CheckBox控件去除图标 样式改造
  • 原文地址:https://www.cnblogs.com/fremcode/p/3437168.html
Copyright © 2011-2022 走看看