博客园样式备份

刺骨的言语ヽ痛彻心扉 2023-02-21 14:12 62阅读 0赞

css

  1. body {
  2.   background: #fff;
  3.   min-height: 100%;
  4.   height: 100%;
  5.   color: #314659!important;
  6.   font-family: Lato,"PingFang SC","Microsoft YaHei",sans-serif!important
  7. }
  9. a {
  10.   transition: all .3s ease!important
  11. }
  13. a:hover {
  14.   color: #2D8CF0!important;
  15.   text-decoration: none!important
  16. }
  18. #ad_c1,#ad_c2,#ad_t2,#author_profile,#blogCalendar,#blogTitle h2,#comment_form_container p:nth-of-type(3),#comments_pager_top,#green_channel,#homepage_top_pager,#sidebar_imagecategory,#sidebar_postarchive,#sidebar_recentcomments,#sidebar_recentposts,#sidebar_scorerank,#sidebar_search,#sidebar_search .catListTitle,#sidebar_shortcut,#sidebar_topcommentedposts,#tip_comment2,#under_post_kb,#under_post_news,.blogStats,.c_ad_block,.dayTitle {
  19.   display: none
  20. }
  22. #home {
  23.   width: 100%;
  24.   height: 100%
  25. }
  27. #header {
  28.   width: 960px;
  29.   position: fixed;
  30.   top: 0;
  31.   right: 0;
  32.   left: 0;
  33.   margin: 0 auto;
  34.   border-top: 0;
  35.   background: #fff;
  36.   opacity: .95;
  37.   border-bottom: 1px #eef2f8 solid;
  38.   padding-bottom: 0;
  39.   display: block;
  40.   height: 60px;
  41.   z-index: 999
  42. }
  44. #header #blogTitle {
  45.   position: relative;
  46.   height: 60px
  47. }
  52. #header #blogTitle h1 {
  53.   font-size: 25px;
  54.   font-family: Georgia;
  55.   width: auto;
  56.   margin-left: 0;
  57.   margin-top: 12px
  58. }
  60. #header #blogTitle h1 a {
  61.   color: #404040
  62. }
  64. #header #navigator {
  65.   height: inherit;
  66.   position: absolute;
  67.   right: 0;
  68.   top: 0;
  69.   background-color: transparent;
  70.   display: inline-block;
  71.   z-index: 999
  72. }
  74. #header #navList {
  75.   height: inherit
  76. }
  78. #header #navList>li {
  79.   position: relative
  80. }
  82. #header #navList>li:hover i {
  83.   width: 100%;
  84.   left: 0
  85. }
  87. #header #navList>li>a:active,#header #navList>li>a:link,#header #navList>li>a:visited {
  88.   font-size: 17px;
  89.   padding-top: 0;
  90.   border-right: 0;
  91.   color: #314659;
  92.   display: block;
  93.   font-weight: 300;
  94.   width: auto;
  95.   padding: 19px 16px;
  96.   height: inherit;
  97.   -webkit-transition: all .3s;
  98.   transition: all .3s
  99. }
  101. #header #navList>li>a:hover {
  102.   background: 0 0
  103. }
  105. #header #navList>li>i {
  106.   width: 0;
  107.   height: 4px;
  108.   background-color: #2D8CF0;
  109.   content: "";
  110.   position: absolute;
  111.   left: 50%;
  112.   bottom: 0;
  113.   transition: 1s
  114. }
  116. #header #navList .open {
  117.   transform: rotate(180deg) scaleX(-1)
  118. }
  120. #header #navList .esa-sub-navs {
  121.   background-color: #fff;
  122.   position: absolute;
  123.   width: 130px;
  124.   top: 65px;
  125.   left: calc(50% - 65px);
  126.   border-radius: 3px;
  127.   box-shadow: 0 1px 15px rgba(27,31,35,.15);
  128.   display: none;
  129.   padding: 10px
  130. }
  132. #header #navList .esa-sub-navs li {
  133.   float: none
  134. }
  136. #header #navList .esa-sub-navs li a {
  137.   font-size: 15px;
  138.   border-right: 0;
  139.   color: #314659;
  140.   display: block;
  141.   width: 100%;
  142.   font-weight: 300;
  143.   padding: 10px 0;
  144.   height: inherit
  145. }
  147. #header #navList .esa-sub-navs li a:hover {
  148.   background: 0 0;
  149.   color: #2D8CF0
  150. }
  152. #main {
  153.   width: 960px;
  154.   margin: 0 auto;
  155.   min-height: calc(100% - 135px);
  156.   padding: 75px 10px 0 10px;
  157.   animation-name: fadeIn;
  158.   animation-duration: 1s;
  159.   animation-iteration-count: 1;
  160.   -webkit-animation-name: fadeIn;
  161.   -webkit-animation-duration: 1s;
  162.   -webkit-animation-iteration-count: 1
  163. }
  165. #main #mainContent {
  166.   background-color: transparent
  167. }
  169. #main #mainContent .forFlow {
  170.   margin: 0 auto;
  171.   margin-left: 0;
  172.   max-width: 960px
  173. }
  175. #sideBar {
  176.   border-right: 1px solid #eef2f8;
  177.   font-weight: 300;
  178.   display: none;
  179.   min-height: 750px;
  180.   padding: 0 15px 0 0
  181. }
  183. #sideBar #profile_block {
  184.   margin-top: 10px;
  185.   font-size: 15px
  186. }
  188. #sideBar #profile_block #p_b_follow {
  189.   margin-top: 10px
  190. }
  192. #sideBar #profile_block a {
  193.   color: #314659
  194. }
  196. .catListTitle {
  197.   position: relative;
  198.   text-align: left;
  199.   margin: 15px 0;
  200.   /*padding-left: 15px;*/
  201.   font-size: 20px;
  202.   font-weight: 300;
  203.   border-bottom: none;
  204.   color: #b33b3b;
  205. }
  207. /*.catListTitle::before {
  208.   content: "\1344";
  209.   color: #314659;
  210.   position: absolute;
  211.   top: 1px;
  212.   left: -2px
  213. }*/
  215. #sidebar_toptags li {
  216.   font-size: 14px;
  217.   height: 19px;
  218.   line-height: 20px;
  219.   white-space: nowrap;
  220.   overflow: hidden;
  221.   text-overflow: ellipsis;
  222.   padding: 5px 8px;
  223.   border: 1px solid #eef2f8;
  224.   margin: 0 6px 6px 0;
  225.   display: inline-grid;
  226.   transition: all .3s;
  227.   border-radius: 2px
  228. }
  230. #sidebar_toptags li a {
  231.   color: #314659
  232. }
  234. #sidebar_toptags li:active,#sidebar_toptags li:link,#sidebar_toptags li:visited {
  235.   border-color: #eef2f8
  236. }
  238. #sidebar_toptags li:hover {
  239.   border-color: #2D8CF0
  240. }
  242. #sidebar_categories li {
  243.   font-size: 15px;
  244.   height: 40px;
  245.   padding-left: 3px;
  246.   line-height: 30px;
  247.   white-space: nowrap;
  248.   overflow: hidden;
  249.   transition: all .5s;
  250.   text-overflow: ellipsis;
  251.   list-style: inside
  252. }
  254. #sidebar_categories li:hover {
  255.   margin-left: 10px
  256. }
  258. #sidebar_categories li a {
  259.   color: #314659
  260. }
  262. #sidebar_topdiggedposts li,#sidebar_topviewedposts li {
  263.   font-size: 15px;
  264.   padding: 10px 0;
  265.   transition: all .3s;
  266.   text-align: justify;
  267.   border-bottom: 1px solid #eef2f8
  268. }
  270. #sidebar_topdiggedposts li a:active,#sidebar_topdiggedposts li a:hover,#sidebar_topdiggedposts li a:link,#sidebar_topdiggedposts li a:visited,#sidebar_topviewedposts li a:active,#sidebar_topviewedposts li a:hover,#sidebar_topviewedposts li a:link,#sidebar_topviewedposts li a:visited {
  271.   color: #314659
  272. }
  274. #taglist_title,.PostListTitle,.entrylistTitle,.myposts_title,.thumbTitle {
  275.   padding-bottom: 3px;
  276.   padding-right: 10px;
  277.   width: 100%;
  278.   text-align: left;
  279.   border-bottom: 0!important;
  280.   font-size: 20px!important;
  281.   font-weight: 300;
  282.   margin-top: 15px
  283. }
  285. #myposts {
  286.   margin-left: 0
  287. }
  289. #myposts .PostList {
  290.   font-size: 14px;
  291.   font-weight: 300;
  292.   border-bottom: 1px solid #eef2f8;
  293.   padding: 5px 0 9px 0;
  294.   margin-right: 0
  295. }
  297. #myposts .pager:first-of-type {
  298.   display: none
  299. }
  301. #myposts a:link,#myposts a:visited {
  302.   color: #314659
  303. }
  305. #myposts .postDesc2 {
  306.   color: inherit
  307. }
  309. .day,.entrylistItem {
  310.   width: auto;
  311.   border-bottom: 1px solid #eef2f8;
  312.   padding: 10px 0 15px 0;
  313.   text-align: justify
  314. }
  316. .day .postSeparator,.entrylistItem .postSeparator {
  317.   margin-top: 15px;
  318.   margin-bottom: 25px;
  319.   border-top: 1px solid #eef2f8
  320. }
  322. .day .postTitle,.entrylist .entrylistPosttitle {
  323.   font-size: 20px;
  324.   font-weight: 300;
  325.   font-family: inherit;
  326.   padding-left: 0;
  327.   border-bottom: none
  328. }
  330. .day .postTitle a,.entrylist .entrylistPosttitle a {
  331.   color: #314659
  332. }
  334. .day .postCon,.entrylist .entrylistPostSummary {
  335.   font-size: 16px;
  336.   font-weight: 300;
  337.   font-family: inherit;
  338.   padding-left: 0
  339. }
  341. .day .postCon .c_b_p_desc img,.entrylist .entrylistPostSummary .c_b_p_desc img {
  342.   height: 100px;
  343.   margin-left: 10px
  344. }
  346. .day .postCon .c_b_p_desc a,.entrylist .entrylistPostSummary .c_b_p_desc a {
  347.   border: 1px solid;
  348.   border-radius: 3px;
  349.   padding: 2px 9px;
  350.   font-size: 13px;
  351.   margin-top: 10px;
  352.   text-decoration: none;
  353.   display: table;
  354.   color: #314659;
  355.   border-color: #314659
  356. }
  358. .day .postCon .c_b_p_desc a:after,.entrylist .entrylistPostSummary .c_b_p_desc a:after {
  359.   content: " »"
  360. }
  362. .day .postCon .c_b_p_desc a:hover,.entrylist .entrylistPostSummary .c_b_p_desc a:hover {
  363.   color: #2D8CF0!important;
  364.   border: 1px solid #2D8CF0
  365. }
  367. .day .postDesc,.entrylist .entrylistItemPostDesc,.post .postDesc {
  368.   font-size: 13px;
  369.   font-weight: 300;
  370.   padding-right: 0!important;
  371.   color: #314659!important
  372. }
  374. .day .postDesc a,.entrylist .entrylistItemPostDesc a,.post .postDesc a {
  375.   color: #314659
  376. }
  378. .entrylistDescription {
  379.   color: #314659;
  380.   font-size: 13px;
  381.   font-weight: 300;
  382.   padding-right: 0
  383. }
  385. #topics .postTitle {
  386.   font-size: 40px;
  387.   font-weight: 300;
  388.   /*padding-left: 40%;*/
  389.   border-bottom: none
  390. }
  392. #topics .postTitle a {
  393.   color: #314659
  394. }
  396. #topics .postBody {
  397.   font-weight: 300;
  398.   font-size: 16px;
  399.   padding: 10px 0;
  400.   line-height: 1.75;
  401.   color: #314659;
  402.   border-bottom: 1px solid #eef2f8
  403. }
  405. #topics .postBody a:active,#topics .postBody a:link,#topics .postBody a:visited {
  406.   color: #2D8CF0;
  407.   text-decoration: none
  408. }
  410. #topics .postBody h1 {
  411.   font-size: 24px!important;
  412.   color: #314659;
  413.   padding: 0px 0px 0px 40px;
  414. }
  415. #topics .postBody h1::before  
  416. {
  417.     display: block;
  418.     content: url("https://blogcdq.oss-cn-beijing.aliyuncs.com/image/other/head1.png");
  419.     position: absolute;
  420.     margin-left: -40px;
  421.     margin-top: 1px;
  422.     /*color: #EE7942;*/
  423.     color: #000066;
  424. }
  425. @media only screen and (max-width: 992px) {
  426.     #topics .postBody h1::before{
  427.         display: block;
  428.         padding: 0px;
  429.         content: " ";
  430.     }
  431. }
  432. @media only screen and (max-width: 992px) {
  433.     #topics .postBody h1{
  434.         padding: 0px;
  435.     }
  436. }
  437. #topics .postBody h1 a:not([class=esa-anchor]) {
  438.   color: inherit!important;
  439.   text-decoration: underline
  440. }
  442. #topics .postBody h2 {
  443.   font-size: 20px!important;
  444.   /*color: #314659*/
  445.   color: #314659;
  446.   border-style:dotted;
  447.   border-top-width: 0px;
  448.   border-right-width: 0px;
  449.   border-bottom-width: 1px;
  450.   border-left-width: 0px;
  451.   border-bottom-color: rgb(211, 211, 219);
  452. }
  454. #topics .postBody h2 a:not([class=esa-anchor]) {
  455.   color: inherit!important;
  456.   text-decoration: underline
  457. }
  459. #topics .postBody h3 {
  460.   font-size: 16px!important;
  461.   border-style: solid;
  462.   border-top-width: 0px;
  463.   border-right-width: 0px;
  464.   border-bottom-width: 0px;
  465.   border-left-width: 4px;
  466.   border-color: #167cce;
  467.   border-radius: 0px;
  468.   font-weight: bold;
  469.   margin: 40px 0 15px 0 !important;
  470.   padding: 0 0 0 8px;
  471. }
  473. #topics .postBody h3 a:not([class=esa-anchor]) {
  474.   color: inherit!important;
  475.   text-decoration: underline
  476. }
  478. #topics .postBody h4 {
  479.   font-size: 18px!important;
  480.   color: #314659
  481. }
  483. #topics .postBody h4 a:not([class=esa-anchor]) {
  484.   color: inherit!important;
  485.   text-decoration: underline
  486. }
  488. #topics .postBody h5 {
  489.   font-size: 17px!important;
  490.   color: #314659
  491. }
  493. #topics .postBody h5 a:not([class=esa-anchor]) {
  494.   color: inherit!important;
  495.   text-decoration: underline
  496. }
  498. #topics .postBody h6 {
  499.   font-size: 16px!important;
  500.   color: #314659
  501. }
  503. #topics .postBody h6 a:not([class=esa-anchor]) {
  504.   color: inherit!important;
  505.   text-decoration: underline
  506. }
  508. #topics .postBody p {
  509.   margin: 13px auto
  510. }
  512. #topics .postBody hr {
  513.   border-left: none;
  514.   border-right: none;
  515.   border-top: none;
  516.   border-bottom: 1px solid #eef2f8
  517. }
  519. #topics .postBody blockquote {
  520.   border: none;
  521.   color: #666;
  522.   margin: 20px 0;
  523.   padding: 0 0 0 10px;
  524.   min-height: 20px;
  525.   background: 0 0;
  526.   line-height: inherit;
  527.   border-left: 4px solid #42b983;
  528.   padding: 0.1rem 0.8rem 0.2rem 0.8rem;
  529.   background-color: rgba(66, 185, 131, .1);
  530. }
  532. #topics .postBody em {
  533.   padding-right: 3px
  534. }
  536. #topics .postBody strong {
  537.   margin: 0 3px;
  538.   font-weight: 500;
  539.   color: #0f1011;
  540. }
  542. #topics .postBody img {
  543.   max-width: 960px!important;
  544.   display: block;
  545.   margin: 15px 0 30px 0;
  546.   border-radius: 3px;
  547.   box-shadow: 0 1px 15px rgba(27,31,35,.15),0 0 1px rgba(106,115,125,.35)
  548. }
  550. #topics .postBody ol li,#topics .postBody ul li {
  551.   margin: 3px 0;
  552.   font-size: 16px;
  553.   color: #314659
  554. }
  556. #topics .postBody ol li p,#topics .postBody ul li p {
  557.   margin: 0!important
  558. }
  560. #topics .postBody table {
  561.   font-size: 13px;
  562.   border-collapse: collapse;
  563.   border-spacing: 0;
  564.   empty-cells: show;
  565.   border: 1px solid #eef2f8;
  566.   width: 100%;
  567.   margin: 13px 0
  568. }
  570. #topics .postBody table th {
  571.   font-family: inherit;
  572.   font-size: inherit;
  573.   background: #f7f7f7!important;
  574.   white-space: nowrap;
  575.   font-weight: 600;
  576.   border: 1px solid #eef2f8!important;
  577.   padding: 8px 16px!important
  578. }
  580. #topics .postBody table td {
  581.   border: 1px solid #eef2f8!important;
  582.   padding: 8px 16px!important
  583. }
  589. #topics .postBody h1 code,#topics .postBody h2 code,#topics .postBody h3 code,#topics .postBody h4 code,#topics .postBody h5 code,#topics .postBody h6 code,#topics .postBody li code,#topics .postBody table code {
  590.   color: #314659;
  591.   line-height: 1;
  592.   font-family: consolas!important;
  593.   vertical-align: middle;
  594.   margin: 0 3px;
  595.   background: #f2f4f5!important;
  596.   font-size: 14px!important;
  597.   padding: .2em .3em!important;
  598.   border-radius: 3px!important;
  599.   border: 1px solid #eee!important
  600. }
  603. #topics .postBody p code{
  604.   color: #dd0055;
  605.   line-height: 1;
  606.   font-family: consolas !important;
  607.   vertical-align: middle;
  608.   margin: 0 3px;
  609.   background: #f2f4f5 !important;
  610.   font-size: 14px !important;
  611.   padding: .2em .3em !important;
  612.   border-radius: 3px !important;
  613.   border: 1px solid #eee !important;
  614. }
  619. #topics .postBody #BlogPostCategory {
  620.   font-size: 14px;
  621.   margin-bottom: 0
  622. }
  624. #topics .postBody #BlogPostCategory a {
  625.   margin-left: 5px
  626. }
  628. #topics .postBody #EntryTag {
  629.   font-size: 14px
  630. }
  632. #topics .postBody #EntryTag a {
  633.   color: #2D8CF0
  634. }
  636. #topics .postBody #post_next_prev {
  637.   font-size: 13px
  638. }
  640. .cnblogs_code {
  641.   background-color: #f2f4f5;
  642.   padding-left: 1em;
  643.   padding-right: 1em;
  644.   border: none!important;
  645.   border-radius: 3px!important;
  646.   font-family: Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important
  647. }
  649. .cnblogs_code div {
  650.   background-color: transparent;
  651.   color: #656c73
  652. }
  654. .cnblogs_code img {
  655.   margin: 0!important
  656. }
  658. .cnblogs_code pre {
  659.   color: #656c73;
  660.   font-family: inherit!important
  661. }
  663. .cnblogs_code pre span {
  664.   font-family: inherit!important;
  665.   color: inherit!important
  666. }
  668. .cnblogs_code textarea {
  669.   font-family: inherit!important;
  670.   padding: 5px;
  671.   border: 1px solid #3e4c42;
  672.   color: #c5d4ef;
  673.   background-color: #282c34
  674. }
  676. .cnblogs_code textarea:focus {
  677.   outline: 0
  678. }
  680. .cnblogs_code .code_img_closed,.cnblogs_code .code_img_opened {
  681.   display: none!important
  682. }
  684. .cnblogs_code .cnblogs_code_toolbar {
  685.   width: 20px
  686. }
  688. .cnblogs_code .cnblogs_code_toolbar span {
  689.   padding-right: 0
  690. }
  692. .cnblogs_code .cnblogs_code_toolbar a:link img {
  693.   background-color: transparent!important
  694. }
  696. .cnblogs_code .cnblogs_code_collapse {
  697.   color: #656c73;
  698.   border: 1px solid #989fa6;
  699.   border-radius: 2px;
  700.   background-color: transparent;
  701.   display: inline-block;
  702.   cursor: pointer;
  703.   padding: 5px 5px 2px 5px
  704. }
  706. .github-corner svg {
  707.   fill: #2D8CF0
  708. }
  710. #footer {
  711.   border-top: 1px solid #eef2f8;
  712.   font-size: 13px;
  713.   font-weight: 300;
  714.   margin: 10px 0 0 0;
  715.   padding: 10px 0
  716. }
  718. #footer .esa-copyright a {
  719.   color: #314659
  720. }
  722. .cnblogs-markdown pre {
  723.   white-space: pre!important;
  724.   position: relative!important
  725. }
  727. #taglist_main {
  728.   margin-top: 0
  729. }
  731. #taglist_main table {
  732.   width: 100%
  733. }
  735. #taglist_main table tr td {
  736.   padding: 5px 20px 5px 0
  737. }
  739. #taglist_main table tr td .small {
  740.   display: none
  741. }
  743. #taglist_main table tr td a {
  744.   display: block;
  745.   font-size: 14px;
  746.   padding: 5px;
  747.   font-weight: 300;
  748.   height: 19px;
  749.   line-height: 20px;
  750.   text-align: center;
  751.   border: 1px solid #eef2f8;
  752.   border-radius: 2px;
  753.   color: #314659
  754. }
  756. #taglist_main table tr td a:hover {
  757.   color: #2D8CF0!important;
  758.   border: 1px solid #2D8CF0;
  759.   text-decoration: none
  760. }
  762. .topicListFooter {
  763.   margin-right: 0
  764. }
  766. #nav_next_page,.pager {
  767.   margin-right: 0;
  768.   color: #314659
  769. }
  771. #nav_next_page a,.pager a {
  772.   padding: 3px 7px;
  773.   border: 1px solid #314659;
  774.   border-radius: 2px;
  775.   margin: 0 3px;
  776.   text-decoration: none;
  777.   color: inherit;
  778.   transition: border .2s ease-in-out,color .2s ease-in-out
  779. }
  781. #nav_next_page a:hover,.pager a:hover {
  782.   color: #2D8CF0;
  783.   border: 1px solid #2D8CF0
  784. }
  786. .pager span.current {
  787.   padding: 3px 7px;
  788.   border: 1px solid #2D8CF0;
  789.   border-radius: 4px;
  790.   font-family: Monospaced Number;
  791.   margin: 0 3px;
  792.   text-decoration: none;
  793.   background-color: #2D8CF0
  794. }
  796. .esa-clipboard-button {
  797.   font-size: 12px;
  798.   cursor: pointer;
  799.   position: absolute;
  800.   right: 13px;
  801.   top: 10px;
  802.   box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
  803.   color: #314659;
  804.   padding: 0 6px;
  805.   border-radius: 5px
  806. }
  808. .esa-toolbar {
  809.   position: fixed;
  810.   display: grid;
  811.   z-index: 999;
  812.   bottom: 30px;
  813.   right: 30px
  814. }
  816. .esa-toolbar .esa-toolbar-contents,.esa-toolbar .esa-toolbar-follow,.esa-toolbar .esa-toolbar-gotop {
  817.   height: 45px;
  818.   width: 45px;
  819.   font-weight: 400;
  820.   position: relative;
  821.   outline: 0;
  822.   cursor: pointer;
  823.   border: 1px solid transparent;
  824.   transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;
  825.   margin-top: 5px;
  826.   border-color: #eef2f8;
  827.   background-color: #fff;
  828.   background-position: center;
  829.   background-repeat: no-repeat;
  830.   border-radius: 6px;
  831. }
  833. .esa-toolbar .esa-toolbar-contents:hover,.esa-toolbar .esa-toolbar-follow:hover,.esa-toolbar .esa-toolbar-gotop:hover {
  834.   color: #2D8CF0;
  835.   border-color: #2D8CF0
  836. }
  838. .esa-toolbar .esa-toolbar-gotop {
  839.   display: none;
  840.   background-image: url(https://pagepig.oss-cn-hangzhou.aliyuncs.com/top2.svg);
  841. }
  843. .esa-toolbar .esa-toolbar-contents {
  844.   background-image: url(https://pagepig.oss-cn-hangzhou.aliyuncs.com/toc2.svg);
  845. }
  847. .esa-toolbar .esa-toolbar-follow {
  848.   background-image: url(https://pagepig.oss-cn-hangzhou.aliyuncs.com/guanzhu2.svg);
  849. }
  851. .esa-profile-avatar {
  852.   margin-top: 15px;
  853.   border-radius: 3px;
  854.   width: 100%
  855. }
  857. .esa-follow-button {
  858.   z-index: 999;
  859.   display: none;
  860.   position: fixed;
  861.   bottom: 30px;
  862.   right: 30px;
  863.   height: 45px;
  864.   width: 45px;
  865.   font-weight: 400;
  866.   outline: 0;
  867.   cursor: pointer;
  868.   border: 1px solid transparent;
  869.   white-space: nowrap;
  870.   -webkit-user-select: none;
  871.   -moz-user-select: none;
  872.   -ms-user-select: none;
  873.   user-select: none;
  874.   font-size: 12px;
  875.   border-radius: 50px;
  876.   color: #515a6e;
  877.   background-color: #fff;
  878.   border-color: #dcdee2
  879. }
  881. .esa-follow-button:hover {
  882.   color: #2D8CF0;
  883.   border-color: #2D8CF0;
  884.   background-color: #fff
  885. }
  887. .esa-mobile-menu {
  888.   display: none;
  889.   position: fixed;
  890.   top: 7px;
  891.   right: 15px;
  892.   z-index: 941113;
  893.   font-size: 1.5em;
  894.   cursor: pointer;
  895.   color: #7f7f7f
  896. }
  898. .esa-mobile-menu:after {
  899.   content: "\2630";
  900.   font-size: 1.5em;
  901.   font-family: fontello
  902. }
  904. .esa-search-btn {
  905.   display: block;
  906.   padding: 14px 0;
  907.   cursor: pointer
  908. }
  910. .esa-search-close {
  911.   display: none;
  912.   padding: 14px 0;
  913.   cursor: pointer
  914. }
  916. .esa-search-box {
  917.   display: none;
  918.   position: fixed;
  919.   top: 61px;
  920.   height: auto;
  921.   padding: 10px 0;
  922.   background-color: #fff;
  923.   width: 960px;
  924.   text-align: center;
  925.   border-bottom: 1px #eef2f8 solid;
  926.   z-index: 999
  927. }
  929. .esa-search-box .input_my_zzk {
  930.   color: #314659;
  931.   border: solid 1px #eef2f8;
  932.   width: 45%;
  933.   height: 32px;
  934.   padding: 0 7px;
  935.   border-right: none;
  936.   font-size: 16px;
  937.   font-weight: 300;
  938.   border-radius: 2px 0 0 2px;
  939.   outline: 0;
  940.   background-color: #fff
  941. }
  943. .esa-search-box .btn_my_zzk {
  944.   height: 34px;
  945.   font-size: 14px;
  946.   font-weight: 300;
  947.   margin-left: -5px;
  948.   background-color: #2D8CF0;
  949.   border: none;
  950.   color: #fff;
  951.   cursor: pointer;
  952.   width: 75px;
  953.   outline: 0
  954. }
  956. .esa-catalog {
  957.   position: fixed;
  958.   top: 120px;
  959.   right: 1px;
  960.   width: auto;
  961.   height: auto;
  962.   z-index: 1000
  963. }
  965. .esa-catalog-title {
  966.   cursor: move;
  967.   padding-left: 12px;
  968.   width: 100%;
  969.   height: 35px;
  970.   line-height: 36px;
  971.   border-bottom: 1px solid #eef2f8;
  972.   font-size: 12px;
  973.   font-weight: 600;
  974.   color: #314659
  975. }
  977. .esa-catalog-title:before {
  978.   margin-left: 0px
  979. }
  981. .esa-catalog-close {
  982.   position: absolute;
  983.   right: 15px;
  984.   top: 10px;
  985.   cursor: pointer
  986. }
  988. .esa-catalog-contents {
  989.   overflow: hidden;
  990.   display: none;
  991.   color: #314659;
  992.   border: 1px solid #eef2f8;
  993.   min-width: 150px;
  994.   opacity: 1;
  995.   font-size: 14px;
  996.   font-weight: 300;
  997.   background-color: #fff;
  998.   z-index: 19941112;
  999. }
  1001. .esa-catalog-contents ul {
  1002.   padding: 10px 15px;
  1003.   max-height: 350px;
  1004.   overflow-y: auto
  1005. }
  1007. .esa-catalog-contents ul li {
  1008.   margin-top: 5px;
  1009.   max-width: 160px;
  1010.   white-space: nowrap;
  1011.   overflow: hidden;
  1012.   text-overflow: ellipsis;
  1013.   cursor: pointer;
  1014.   color: #314659
  1015. }
  1017. .esa-catalog-contents ul li code {
  1018.   font-family: inherit
  1019. }
  1021. .esa-catalog-contents ul li a:hover {
  1022.   color: #2D8CF0;
  1023.   text-decoration: none
  1024. }
  1026. .esa-catalog-contents ul li .level1 {
  1027.   margin-left: 0
  1028. }
  1030. .esa-catalog-contents ul li .level2 {
  1031.   margin-left: 10px
  1032. }
  1034. .esa-catalog-contents ul li .level3 {
  1035.   margin-left: 26px
  1036. }
  1038. .esa-anchor {
  1039.   opacity: 0;
  1040.   -webkit-transition: opacity .3s ease;
  1041.   transition: opacity .3s ease;
  1042.   margin-left: 8px
  1043. }
  1045. .esa-post-signature {
  1046.   padding: 12px 24px 12px 30px;
  1047.   margin-top: 15px;
  1048.   margin-left: 5px;
  1049.   border-left-width: 4px;
  1050.   font-size: 15px;
  1051.   line-height: 2;
  1052.   border-left-style: solid;
  1053.   background-color: #f8f8f8;
  1054.   position: relative;
  1055.   border-bottom-right-radius: 2px;
  1056.   border-top-right-radius: 2px;
  1057.   border-left-color: #2D8CF0;
  1058.   z-index: 1
  1059. }
  1061. .esa-post-signature:before {
  1062.   content: "!";
  1063.   background-color: #2D8CF0;
  1064.   position: absolute;
  1065.   top: 25px;
  1066.   left: -12px;
  1067.   color: #fff;
  1068.   width: 20px;
  1069.   height: 20px;
  1070.   border-radius: 100%;
  1071.   text-align: center;
  1072.   line-height: 20px;
  1073.   font-weight: 700;
  1074.   font-size: 14px
  1075. }
  1077. .esa-post-signature p {
  1078.   margin: 0!important
  1079. }
  1081. .esa-post-signature a {
  1082.   color: #314659!important
  1083. }
  1085. .esa-layer {
  1086.   position: fixed;
  1087.   top: 70px;
  1088.   text-align: center;
  1089.   line-height: 25px;
  1090.   font-size: 15px;
  1091.   font-family: inherit;
  1092.   width: 100%;
  1093.   display: none;
  1094.   z-index: 9999998
  1095. }
  1097. .esa-layer-content {
  1098.   position: relative;
  1099.   background: rgba(0,0,0,.7);
  1100.   max-width: 250px;
  1101.   padding: 5px 10px;
  1102.   font-size: 14px;
  1103.   border-radius: 5px;
  1104.   color: #e0e0e0;
  1105.   display: inline-block;
  1106. }
  1108. #div_digg {
  1109.   position: static;
  1110.   float: none;
  1111.   margin: 35px auto 85px auto;
  1112.   z-index: -1;
  1113.   width: 200px
  1114. }
  1116. #div_digg .buryit,#div_digg .diggit {
  1117.   background: #fff;
  1118.   margin: 0;
  1119.   display: inline-block;
  1120.   width: auto;
  1121.   height: 32px;
  1122.   border-width: 0;
  1123.   cursor: pointer;
  1124.   color: #fff;
  1125.   user-select: none;
  1126.   padding: 0 10px;
  1127.   border-radius: 5px;
  1128.   transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear
  1129. }
  1131. #div_digg .diggit {
  1132.   background-color: #18b566;
  1133.   border-color: #18b566
  1134. }
  1136. #div_digg .diggit:hover {
  1137.   background-color: #47cb89;
  1138.   border-color: #47cb89
  1139. }
  1141. #div_digg .buryit {
  1142.   background-color: #ed4014;
  1143.   border-color: #ed4014
  1144. }
  1146. #div_digg .buryit:hover {
  1147.   background-color: #f16643;
  1148.   border-color: #f16643
  1149. }
  1151. #div_digg .buryit .burynum,#div_digg .diggit .diggnum {
  1152.   color: snow;
  1153.   display: inline-block;
  1154.   font-size: 15px;
  1155.   position: relative;
  1156.   top: 5px;
  1157.   width: 65px
  1158. }
  1160. #div_digg .diggit .diggnum:before {
  1161.   content: "\63a8\8350";
  1162.   font-size: 15px;
  1163.   margin-right: 5px
  1164. }
  1166. #div_digg .buryit .burynum:before {
  1167.   content: "\53cd\5bf9";
  1168.   font-size: 15px;
  1169.   margin-right: 5px
  1170. }
  1172. .feedbackItem .feedbackListSubtitle {
  1173.   color: transparent
  1174. }
  1176. .feedbackItem .feedbackListSubtitle .sendMsg2This {
  1177.   background: 0 0;
  1178.   padding-left: 0;
  1179.   font-size: 15px
  1180. }
  1182. .feedbackItem .feedbackListSubtitle .sendMsg2This::before {
  1183.   content: "✉️"
  1184. }
  1186. .feedbackItem a {
  1187.   color: #314659
  1188. }
  1190. .feedbackItem .louzhu {
  1191.   background: #2D8CF0!important;
  1192.   color: #fff;
  1193.   border-radius: 2px;
  1194.   margin: 0 2px;
  1195.   padding: 0 6px 2px 6px!important
  1196. }
  1198. .feedbackItem .comment_date {
  1199.   color: #666
  1200. }
  1202. .feedbackItem .comment_quote {
  1203.   border: 1px dashed #2D8CF0;
  1204.   border-radius: 3px
  1205. }
  1207. #comment_nav {
  1208.   visibility: hidden
  1209. }
  1211. .feedbackItem .feedbackCon {
  1212.   background: 0 0;
  1213.   padding: 10px 0 10px 0;
  1214.   border-bottom: 1px solid #eef2f8
  1215. }
  1217. .feedbackItem .feedbackCon .esa-comment-avatar {
  1218.   float: left
  1219. }
  1221. .feedbackItem .feedbackCon .esa-comment-avatar img {
  1222.   border-radius: 50%;
  1223.   transition: all .5s ease-out;
  1224.   -webkit-transition: all .6s ease-out;
  1225.   -moz-transition: all .5s ease-out;
  1226.   -ms-transition: all .5s ease-out;
  1227.   -o-transition: all .5s ease-out
  1228. }
  1230. .feedbackItem .feedbackCon .esa-comment-avatar img:hover {
  1231.   -webkit-transform: rotateZ(360deg);
  1232.   -moz-transform: rotateZ(360deg);
  1233.   -ms-transform: rotateZ(360deg);
  1234.   -o-transform: rotateZ(360deg);
  1235.   transform: rotateZ(360deg)
  1236. }
  1238. .feedbackItem .feedbackCon .blog_comment_body {
  1239.   font-size: 14px;
  1240.   font-weight: 300;
  1241.   border-radius: 3px;
  1242.   padding: 10px;
  1243.   margin-left: 55px;
  1244.   color: #314659;
  1245.   background-color: rgba(193,193,193,.2)
  1246. }
  1248. .feedbackItem .feedbackCon .blog_comment_body a {
  1249.   color: #2D8CF0
  1250. }
  1252. .feedbackItem .feedbackCon .blog_comment_body img {
  1253.   border-radius: 3px
  1254. }
  1256. .feedbackItem .feedbackCon .comment_vote {
  1257.   margin-top: 12px
  1258. }
  1260. .feedback_area_title {
  1261.   border-bottom: 1px solid #eef2f8;
  1262.   margin-bottom: 15px;
  1263.   font-size: 20px;
  1264.   font-weight: 300;
  1265.   padding-left: 0;
  1266.   padding-bottom: 5px
  1267. }
  1269. .commentform #commentform_title {
  1270.   background-image: none;
  1271.   padding-left: 0;
  1272.   font-size: 20px
  1273. }
  1275. .commentform #tip_comment {
  1276.   color: #f37f7f!important;
  1277.   margin: 15px 0;
  1278.   display: block
  1279. }
  1281. .commentform .commentbox_title {
  1282.   border-bottom: 1px solid #eef2f8;
  1283.   font-size: 14px;
  1284.   font-weight: 300
  1285. }
  1287. .commentform .commentbox_title .commentbox_title_left .commentbox_tab.active,.commentform .commentbox_title .commentbox_title_left .commentbox_tab:hover {
  1288.   border-bottom: 2px solid #2D8CF0;
  1289.   color: #2D8CF0
  1290. }
  1292. .commentform .commentbox_title .commentbox_title_right .comment_svg:hover,.commentform .commentbox_title .commentbox_title_right .comment_svg_stroke:hover {
  1293.   fill: #2D8CF0
  1294. }
  1296. .commentform .comment_textarea {
  1297.   width: 100%;
  1298.   border: 1px solid #eef2f8;
  1299.   background-color: transparent;
  1300.   color: #314659
  1301. }
  1303. .commentform .comment_textarea:focus {
  1304.   outline: 0
  1305. }
  1307. .commentform .comment_textarea:hover {
  1308.   border-color: #2D8CF0
  1309. }
  1311. .commentform #tbCommentBody {
  1312.   color: #314659;
  1313.   background-color: transparent
  1314. }
  1316. .commentform .feedbackCon {
  1317.   border-bottom: 1px solid #eef2f8;
  1318.   background: 0 0;
  1319.   padding: 0
  1320. }
  1322. .commentform .comment_preview p {
  1323.   font-size: 15px;
  1324.   font-weight: 300
  1325. }
  1327. .commentform #commentbox_opt {
  1328.   display: block
  1329. }
  1331. .commentform #commentbox_opt a {
  1332.   color: #314659
  1333. }
  1335. .commentform #btn_comment_submit {
  1336.   width: auto;
  1337.   height: auto;
  1338.   border-width: 0;
  1339.   cursor: pointer;
  1340.   color: #fff;
  1341.   background-color: #2D8CF0;
  1342.   border-color: #2D8CF0;
  1343.   font-weight: 300;
  1344.   user-select: none;
  1345.   padding: 5px 20px;
  1346.   font-size: 12px;
  1347.   border-radius: 5px;
  1348.   outline: 0;
  1349.   transition: all .3s
  1350. }
  1352. .commentform #btn_comment_submit:hover {
  1353.   opacity: .7
  1354. }
  1356. .commentform .comment_my_posted>img {
  1357.   display: none
  1358. }
  1360. .commentform .comment_my_posted>a b {
  1361.   font-size: 16px;
  1362.   font-weight: 300
  1363. }
  1365. .commentform .bq_post_comment {
  1366.   margin-top: 5px;
  1367.   font-size: 13px;
  1368.   display: block;
  1369.   color: #314659;
  1370.   background-color: rgba(193,193,193,.2);
  1371.   border: none;
  1372.   border-radius: 3px
  1373. }
  1375. .github-corner:hover .octo-arm {
  1376.   animation: octocat-wave 560ms ease-in-out
  1377. }
  1379. @keyframes octocat-wave {
  1380.   0%,100% {
  1381.     transform: rotate(0)
  1382.   }
  1384.   20%,60% {
  1385.     transform: rotate(-25deg)
  1386.   }
  1388.   40%,80% {
  1389.     transform: rotate(10deg)
  1390.   }
  1391. }
  1393. ::-webkit-scrollbar {
  1394.   width: 3px;
  1395.   height: 3px
  1396. }
  1398. ::-webkit-scrollbar-thumb {
  1399.   border-radius: 1px;
  1400.   box-shadow: inset 0 0 5px #314659;
  1401.   background: #314659
  1402. }
  1404. ::-webkit-scrollbar-track {
  1405.   background: 0 0;
  1406.   border-radius: 1px
  1407. }
  1409. ::-moz-selection,::selection {
  1410.   color: #2D8CF0
  1411. }
  1413. @keyframes fadeIn {
  1414.   0% {
  1415.     opacity: 0
  1416.   }
  1418.   100% {
  1419.     opacity: 1
  1420.   }
  1421. }
  1423. @media screen and (min-width:768px) and (max-width:980px) {
  1424.   #blog-comments-placeholder,#comment_form {
  1425.     padding: 10px;
  1426.     margin-left: 0
  1427.   }
  1428. }
  1430. @media only screen and (max-width:767px) {
  1431.   #home {
  1432.     font-size: 12px!important
  1433.   }
  1435.   #mainContent .forFlow {
  1436.     padding-top: 15px
  1437.   }
  1439.   #sideBar,.esa-catalog,.postDesc {
  1440.     display: none
  1441.   }
  1443.   .postBody {
  1444.     padding: 0!important
  1445.   }
  1447.   #main {
  1448.     margin-top: 60px;
  1449.     padding: 0 15px!important
  1450.   }
  1452.   #topics .postTitle {
  1453.     padding-left: 0!important;
  1454.     padding-top: 10px
  1455.   }
  1457.   #cnblogs_post_body table {
  1458.     display: table!important
  1459.   }
  1461.   #cnblogs_post_body img {
  1462.     width: 100%;
  1463.     box-shadow: 0 0 10px #c4c4c4;
  1464.     max-width: none!important
  1465.   }
  1467.   #comment_nav,#commentbox_main {
  1468.     margin: 0
  1469.   }
  1471.   #comment_form {
  1472.     padding: 5px;
  1473.     margin-left: 0
  1474.   }
  1476.   .esa-mobile-menu {
  1477.     display: block
  1478.   }
  1480.   .forFlow {
  1481.     margin-right: 0;
  1482.     margin-left: 0!important
  1483.   }
  1485.   #header {
  1486.     width: auto
  1487.   }
  1489.   #header #navigator {
  1490.     display: none;
  1491.     width: 100%;
  1492.     margin-top: 60px
  1493.   }
  1495.   #navList {
  1496.     width: inherit
  1497.   }
  1499.   #navList li {
  1500.     float: none
  1501.   }
  1503.   #navList li #blog_nav_tags {
  1504.     display: block!important
  1505.   }
  1507.   #navList a:active,#navList a:link,#navList a:visited {
  1508.     width: 100%;
  1509.     background-color: #2c3e50;
  1510.     color: #fff!important;
  1511.     padding: 15px 0
  1512.   }
  1514.   #navList a:hover {
  1515.     color: #2D8CF0;
  1516.     background-color: #2c3e50!important
  1517.   }
  1519.   .feedbackItem .feedbackManage {
  1520.     width: auto
  1521.   }
  1523.   .github-corner {
  1524.     display: none
  1525.   }
  1526. }
  1528. @media only screen and (max-width:410px) {
  1529.   #div_digg {
  1530.     display: grid;
  1531.     width: 100%
  1532.   }
  1534.   #div_digg .buryit,#div_digg .diggit,#div_digg .favorite {
  1535.     margin: 5px 0
  1536.   }
  1537. }[data-tips] {
  1538.   overflow: hidden
  1539. }[data-tips]:hover {
  1540.   overflow: visible
  1541. }[data-tips]::after,[data-tips]::before {
  1542.   position: absolute;
  1543.   transition: all .3s;
  1544.   transform: translate3d(-50%,0,0);
  1545.   opacity: 0;
  1546.   left: 37px;
  1547.   z-index: 10
  1548. }[data-tips]::before {
  1549.   content: attr(data-tips);
  1550.   border-radius: 6px;
  1551.   background-color: rgba(100,100,100,.8);
  1552.   color: #fff;
  1553.   height: 24px;
  1554.   line-height: 24px;
  1555.   padding: 0 6px;
  1556.   font-size: 12px;
  1557.   white-space: nowrap;
  1558.   top: -24px;
  1559.   left: 50%
  1560. }[data-tips]::after {
  1561.   content: "";
  1562.   border: 5px solid #333;
  1563.   border-color: rgba(100,100,100,.8) transparent transparent transparent;
  1564.   top: 0;
  1565.   left: 50%
  1566. }[data-tips]:hover::after,[data-tips]:hover::before {
  1567.   opacity: 1
  1568. }[data-tips]:hover::after,[data-tips]:hover::before {
  1569.   transform: translate3d(-50%,-7px,0)
  1570. }
  1572. .esa-sponsor {
  1573.   position: relative;
  1574.   width: 100%;
  1575.   margin-top: 70px;
  1576.   height: 160px
  1577. }
  1579. .esa-sponsor .posa {
  1580.   position: absolute
  1581. }
  1583. .esa-sponsor .tr3 {
  1584.   transition: all .3s
  1585. }
  1587. .esa-sponsor .blur {
  1588.   -webkit-filter: blur(3px);
  1589.   filter: blur(3px)
  1590. }
  1592. .esa-sponsor .text {
  1593.   position: absolute;
  1594.   left: calc(50% - 120px);
  1595.   top: calc(50% - 60px);
  1596.   font-size: 12px;
  1597.   width: 70px;
  1598.   height: 70px;
  1599.   line-height: 70px;
  1600.   color: #fff;
  1601.   background: #ffd886 url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_like.png) no-repeat center 10px;
  1602.   background-size: 20px;
  1603.   border-radius: 35px;
  1604.   text-align: center;
  1605.   z-index: -1;
  1606.   transform: rotatez(-15deg)
  1607. }
  1609. .esa-sponsor .github {
  1610.   position: absolute;
  1611.   left: calc(50% + 135px);
  1612.   top: calc(50% - 30px);
  1613.   width: 24px;
  1614.   height: 24px;
  1615.   background: no-repeat center center url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_github.png);
  1616.   background-size: contain;
  1617.   opacity: .3;
  1618.   transform: rotatez(15deg)
  1619. }
  1621. .esa-sponsor .box {
  1622.   left: calc(50% - 150px);
  1623.   top: calc(50% - 15px);
  1624.   background-color: #fff;
  1625.   border: 1px solid #ddd;
  1626.   border-radius: 6px;
  1627.   width: 299px;
  1628.   height: 28px;
  1629.   float: left;
  1630.   z-index: 1;
  1631.   margin-left: 0
  1632. }
  1634. .esa-sponsor .box li {
  1635.   width: 99px;
  1636.   float: left;
  1637.   margin: 0!important;
  1638.   text-align: center;
  1639.   border-left: 1px solid #ddd;
  1640.   background: no-repeat center center;
  1641.   background-color: rgba(204,217,220,.1);
  1642.   background-size: 45px;
  1643.   transition: all .3s;
  1644.   cursor: pointer;
  1645.   overflow: hidden;
  1646.   line-height: 600px;
  1647.   height: 28px;
  1648.   -webkit-filter: grayscale(1);
  1649.   filter: grayscale(1);
  1650.   opacity: .5;
  1651.   list-style: none;
  1652.   list-style-type: none;
  1653.   margin: 0;
  1654.   padding: 0
  1655. }
  1657. .esa-sponsor .box li:hover {
  1658.   background-color: rgba(204,217,220,.3);
  1659.   -webkit-filter: grayscale(0);
  1660.   filter: grayscale(0);
  1661.   opacity: 1
  1662. }
  1664. .esa-sponsor .box li:first-child {
  1665.   border-width: 0
  1666. }
  1668. .esa-sponsor .box li a {
  1669.   display: block
  1670. }
  1672. .esa-sponsor .box .paypal {
  1673.   background-image: url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_paypal.png)
  1674. }
  1676. .esa-sponsor .box .alipay {
  1677.   background-image: url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_alipay.png)
  1678. }
  1680. .esa-sponsor .box .wechat {
  1681.   background-image: url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_wechat.png)
  1682. }
  1684. .esa-sponsor #QRBox {
  1685.   top: 0;
  1686.   left: 0;
  1687.   z-index: 1;
  1688.   display: none;
  1689.   perspective: 400px;
  1690.   width: 100%;
  1691.   height: 100%
  1692. }
  1694. .esa-sponsor #QRBox #MainBox {
  1695.   cursor: pointer;
  1696.   position: absolute;
  1697.   text-align: center;
  1698.   width: 200px;
  1699.   height: 200px;
  1700.   left: calc(50% - 100px);
  1701.   top: calc(50% - 100px);
  1702.   background: #fff no-repeat center center;
  1703.   background-size: 190px;
  1704.   border-radius: 6px;
  1705.   box-shadow: 0 2px 7px rgba(0,0,0,.3);
  1706.   opacity: 0;
  1707.   transition: all 1s ease-in-out;
  1708.   transform-style: preserve-3d;
  1709.   transform-origin: center center;
  1710.   overflow: hidden
  1711. }
  1713. .esa-sponsor #MainBox.showQR {
  1714.   opacity: 1;
  1715.   animation-name: showQR;
  1716.   animation-duration: 3s;
  1717.   animation-timing-function: ease-in-out;
  1718.   animation-iteration-count: 1;
  1719.   animation-fill-mode: forwards;
  1720.   -webkit-animation: showQR 3s ease-in-out 0s 1 normal forwards
  1721. }
  1723. @keyframes showQR {
  1724.   from {
  1725.     transform: rotateX(90deg)
  1726.   }
  1728.   8% {
  1729.     opacity: 1;
  1730.     transform: rotateX(-60deg)
  1731.   }
  1733.   18% {
  1734.     opacity: 1;
  1735.     transform: rotateX(40deg)
  1736.   }
  1738.   34% {
  1739.     opacity: 1;
  1740.     transform: rotateX(-28deg)
  1741.   }
  1743.   44% {
  1744.     opacity: 1;
  1745.     transform: rotateX(18deg)
  1746.   }
  1748.   58% {
  1749.     opacity: 1;
  1750.     transform: rotateX(-12deg)
  1751.   }
  1753.   72% {
  1754.     opacity: 1;
  1755.     transform: rotateX(9deg)
  1756.   }
  1758.   88% {
  1759.     opacity: 1;
  1760.     transform: rotateX(-5deg)
  1761.   }
  1763.   96% {
  1764.     opacity: 1;
  1765.     transform: rotateX(2deg)
  1766.   }
  1768.   to {
  1769.     opacity: 1
  1770.   }
  1771. }
  1773. .esa-sponsor #MainBox.hideQR {
  1774.   opacity: 1;
  1775.   animation-name: hideQR;
  1776.   animation-duration: .5s;
  1777.   animation-timing-function: ease-in-out;
  1778.   animation-iteration-count: 1;
  1779.   animation-fill-mode: forwards;
  1780.   -webkit-animation: hideQR .5s ease-in-out 0s 1 normal forwards
  1781. }
  1783. @keyframes hideQR {
  1784.   20%,50% {
  1785.     transform: scale(1.08,1.08);
  1786.     opacity: 1
  1787.   }
  1789.   to {
  1790.     opacity: 0;
  1791.     transform: rotateZ(40deg) scale(.6,.6)
  1792.   }
  1793. }
  1795. ::-moz-selection,::selection {
  1796.   background-color: #2D8CF0;
  1797.   color: #e1e1e1
  1798. }
  1800. /*.cnblogs-markdown .hljs {
  1801.   display: block;
  1802.   color: #333;
  1803.   overflow-x: auto;
  1804.   background: #F2F4F5!important;
  1805.   border: none!important;
  1806.   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,'Arial','Microsoft YaHei';
  1807.   padding: 1em!important;
  1808.   font-size: 14px!important
  1809. }
  1811. .hljs-comment,.hljs-meta {
  1812.   color: #969896
  1813. }
  1815. .hljs-emphasis,.hljs-quote,.hljs-string,.hljs-strong,.hljs-template-variable,.hljs-variable {
  1816.   color: #df5000
  1817. }
  1819. .hljs-keyword,.hljs-selector-tag,.hljs-type {
  1820.   color: #a71d5d
  1821. }
  1823. .hljs-attribute,.hljs-bullet,.hljs-literal,.hljs-symbol {
  1824.   color: #0086b3
  1825. }
  1827. .hljs-name,.hljs-section {
  1828.   color: #63a35c
  1829. }
  1831. .hljs-tag {
  1832.   color: #333
  1833. }
  1835. .hljs-attr,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-title {
  1836.   color: #795da3
  1837. }
  1839. .hljs-addition {
  1840.   color: #55a532;
  1841.   background-color: #eaffea
  1842. }
  1844. .hljs-deletion {
  1845.   color: #bd2c00;
  1846.   background-color: #ffecec
  1847. }
  1849. .hljs-link {
  1850.   text-decoration: underline
  1851. } */
  1853. /* Base16 Atelier Seaside Dark - Theme */
  1854. /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */
  1855. /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
  1857. /* Atelier-Seaside Comment */
  1860. .hljs-comment,
  1861. .hljs-quote {
  1862.   color: #809980;
  1863. }
  1865. /* Atelier-Seaside Red */
  1866. .hljs-variable,
  1867. .hljs-template-variable,
  1868. .hljs-attribute,
  1869. .hljs-tag,
  1870. .hljs-name,
  1871. .hljs-regexp,
  1872. .hljs-link,
  1873. .hljs-name,
  1874. .hljs-selector-id,
  1875. .hljs-selector-class {
  1876.   color: #e6193c;
  1877. }
  1879. /* Atelier-Seaside Orange */
  1880. .hljs-number,
  1881. .hljs-meta,
  1882. .hljs-built_in,
  1883. .hljs-builtin-name,
  1884. .hljs-literal,
  1885. .hljs-type,
  1886. .hljs-params {
  1887.   color: #87711d;
  1888. }
  1890. /* Atelier-Seaside Green */
  1891. .hljs-string,
  1892. .hljs-symbol,
  1893. .hljs-bullet {
  1894.   color: #29a329;
  1895. }
  1897. /* Atelier-Seaside Blue */
  1898. .hljs-title,
  1899. .hljs-section {
  1900.   color: #3d62f5;
  1901. }
  1903. /* Atelier-Seaside Purple */
  1904. .hljs-keyword,
  1905. .hljs-selector-tag {
  1906.   color: #ad2bee;
  1907. }
  1909. .hljs {
  1910.   display: block;
  1911.   overflow-x: auto;
  1912.   background: #131513;
  1913.   color: #8ca68c;
  1914.   padding: 0.5em;
  1915. }
  1917. .hljs-emphasis {
  1918.   font-style: italic;
  1919. }
  1921. .hljs-strong {
  1922.   font-weight: bold;
  1923. }

侧边栏

  1. <script src="https://files.cnblogs.com/files/chendeqiang/nav.js"></script>
  2. <script>
  3.     $(function() {
  4.         var $navList = $('#navList');
  5.         $navList.cnblogsNav('addNav', 4, '联系', '//www.purethought.cn');
  6.         $navList.cnblogsNav('addNav', 3, '字典', '//www.purethought.cn/dictionary/');
  7.         $navList.cnblogsNav('removeNav', 0);    
  8.     });
  9. </script>
  11. <script src="https://blog-static.cnblogs.com/files/chendeqiang/silence.min.js"></script>
  12. <script type="text/javascript">
  13.     $.silence({
  14.         avatar: 'https://blog-static.cnblogs.com/files/chendeqiang/c02b.ico',
  15.         favicon: '',
  16.         navigation: [
  17.           /*  {
  18.                 title: '归档',
  19.                 url: 'https://www.cnblogs.com/chendeqiang/p/'
  20.             },*/
  21.         ],
  23.         catalog: {
  24.             enable: true,
  25.             move: true,
  26.             index: true,
  27.             level1: 'h1',
  28.             level2: 'h2',
  29.             level3: 'h3',
  30.         },
  31.         signature: {
  32.             enable: true,
  33.             license: '署名-非商业性使用-相同方式共享 4.0 国际',
  34.             link: 'https://creativecommons.org/licenses/by-nc-sa/4.0/',
  35.             remark: null
  36.         },
  37.         sponsor: {
  38.             enable: true,
  39.             wechat: 'https://blog-static.cnblogs.com/files/chendeqiang/wechat.ico',
  40.             alipay: 'https://blog-static.cnblogs.com/files/chendeqiang/alipay.ico',
  41.             paypal: null
  42.         }
  43.     });
  44. </script>

发表评论

表情：
评论列表 （有 0 条评论，62人围观）

还没有评论，来说两句吧...

相关阅读