diff --git a/2018/04/08/hello-world/index.html b/2018/04/08/hello-world/index.html index a03f4f8..c9f38a2 100644 --- a/2018/04/08/hello-world/index.html +++ b/2018/04/08/hello-world/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -96,8 +96,8 @@ + - + - + - + - + - + - + - + @@ -717,15 +717,15 @@ - - + + - + @@ -741,7 +741,7 @@ + - + diff --git a/2018/04/08/利用OpenCV提取图像中的矩形区域(PPT屏幕等)/index.html b/2018/04/08/利用OpenCV提取图像中的矩形区域(PPT屏幕等)/index.html index d6e9620..11fa183 100644 --- a/2018/04/08/利用OpenCV提取图像中的矩形区域(PPT屏幕等)/index.html +++ b/2018/04/08/利用OpenCV提取图像中的矩形区域(PPT屏幕等)/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -83,29 +83,29 @@ - + - - - - - - + + + + + + - + + - + - + - + - + - + - + - + @@ -794,15 +794,15 @@ - - + + - + @@ -818,7 +818,7 @@ + - + diff --git a/archives/2018/04/index.html b/archives/2018/04/index.html index 2922829..caa65d0 100644 --- a/archives/2018/04/index.html +++ b/archives/2018/04/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -95,8 +95,8 @@ + - + - + - + - + - + - + - + @@ -621,7 +621,7 @@ - + @@ -670,14 +670,14 @@ - + - + - + diff --git a/archives/2018/index.html b/archives/2018/index.html index c0a0112..8a35c75 100644 --- a/archives/2018/index.html +++ b/archives/2018/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -95,8 +95,8 @@ + - + - + - + - + - + - + - + @@ -621,7 +621,7 @@ - + @@ -670,14 +670,14 @@ - + - + - + diff --git a/archives/index.html b/archives/index.html index 1a9f8f5..7549c82 100644 --- a/archives/index.html +++ b/archives/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -95,8 +95,8 @@ + - + - + - + - + - + - + - + @@ -621,7 +621,7 @@ - + @@ -670,14 +670,14 @@ - + - + - + diff --git a/categories/index.html b/categories/index.html index 57b7f3a..c77021c 100644 --- a/categories/index.html +++ b/categories/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -96,8 +96,8 @@ + - + - + - + - + - + - + - + @@ -550,15 +550,15 @@ - - + + - + @@ -607,14 +607,14 @@ - + - + - + diff --git a/categories/图像处理/index.html b/categories/图像处理/index.html index 31a4cce..e9a29cb 100644 --- a/categories/图像处理/index.html +++ b/categories/图像处理/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -95,8 +95,8 @@ + - + - + - + - + - + - + - + @@ -565,7 +565,7 @@ - + @@ -614,14 +614,14 @@ - + - + - + diff --git a/css/main.css b/css/main.css index e5fd258..c4edd08 100644 --- a/css/main.css +++ b/css/main.css @@ -226,51 +226,51 @@ h6 { margin: 20px 0 15px; } h1 { - font-size: 22px; + font-size: 24px; } @media (max-width: 767px) { h1 { - font-size: 18px; + font-size: 20px; } } h2 { - font-size: 20px; + font-size: 22px; } @media (max-width: 767px) { h2 { - font-size: 16px; + font-size: 18px; } } h3 { - font-size: 18px; + font-size: 20px; } @media (max-width: 767px) { h3 { - font-size: 14px; + font-size: 16px; } } h4 { - font-size: 16px; + font-size: 18px; } @media (max-width: 767px) { h4 { - font-size: 12px; + font-size: 14px; } } h5 { - font-size: 14px; + font-size: 16px; } @media (max-width: 767px) { h5 { - font-size: 10px; + font-size: 12px; } } h6 { - font-size: 12px; + font-size: 14px; } @media (max-width: 767px) { h6 { - font-size: 8px; + font-size: 10px; } } p { @@ -940,8 +940,8 @@ pre .javascript .function { display: inline-block; padding: 0 20px; font-size: 14px; - color: #fff; - background: #222; + color: #555; + background: transparent; border: 2px solid #222; text-decoration: none; border-radius: 0; @@ -1102,7 +1102,7 @@ pre .javascript .function { } .site-meta { margin: 0; - text-align: center; + text-align: left; } @media (max-width: 767px) { .site-meta { @@ -1113,12 +1113,12 @@ pre .javascript .function { position: relative; display: inline-block; padding: 0 40px; - color: #fff; + color: #222; background: #222; border-bottom: none; } .brand:hover { - color: #fff; + color: #222; } .logo { display: inline-block; @@ -1349,7 +1349,7 @@ pre .javascript .function { .posts-collapse { position: relative; z-index: 1010; - margin-left: 55px; + margin-left: 0; } .posts-collapse::after { content: " "; @@ -1823,7 +1823,7 @@ pre .javascript .function { width: 4px; height: 4px; border-radius: 50%; - background: #3693b1; + background: #17ff93; } .links-of-blogroll { font-size: 13px; @@ -2720,78 +2720,322 @@ pre .javascript .function { .page-post-detail .comments { overflow: hidden; } +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 20px 0 10px; +} +p { + margin: 0 0 25px 0; +} +a { + border-bottom-color: #ccc; +} +hr { + margin: 20px 0; + height: 2px; +} +.main-inner { + margin-top: 80px; +} +.header { + background: #f5f5f5; +} +.header-inner { + padding: 25px 0 20px; +} +.header-inner:before, +.header-inner:after { + content: " "; + display: table; +} +.header-inner:after { + clear: both; +} @media (max-width: 767px) { - .header-inner, - .container .main-inner, - .footer-inner { + .header-inner { width: auto; + margin-bottom: 50px; + padding: 10px; } } -embed { - display: block; - margin: 0px auto 25px auto; +.site-meta { + float: left; + margin-left: -20px; + line-height: normal; } -.custom-logo .site-meta-headline { - text-align: center; +@media (max-width: 767px) { + .site-meta { + margin-left: 10px; + } } -.custom-logo .brand { +.site-meta .brand { + padding: 2px 1px; background: none; } -.custom-logo .site-title { - margin: 10px auto 0; - font-size: 24px; - color: #222; +@media (max-width: 767px) { + .site-meta .brand { + display: block; + } } -.custom-logo .site-title a { - border: none; +.site-meta .logo { + display: none; } -.custom-logo-image { - margin: 0 auto; - padding: 5px; - max-width: 150px; - background: #fff; +.site-meta .site-title { + font-size: 22px; + font-weight: bolder; } @media (max-width: 767px) { - .site-nav { - position: absolute; - left: 0; - top: 52px; - margin: 0; - width: 100%; - padding: 0; - background: #fff; - border-bottom: 1px solid #ddd; - z-index: 1050; + .site-meta .site-title { + line-height: 34px; } } +.logo-line-before, +.logo-line-after { + display: block; + overflow: hidden; + margin: 0 auto; + width: 75%; +} +@media (max-width: 767px) { + .logo-line-before, + .logo-line-after { + display: none; + } +} +.logo-line-before i, +.logo-line-after i { + position: relative; + display: block; + height: 2px; + background: #222; +} +@media (max-width: 767px) { + .logo-line-before i, + .logo-line-after i { + height: 3px; + } +} +.use-motion .logo-line-before i { + left: -100%; +} +.use-motion .logo-line-after i { + right: -100%; +} +.site-subtitle { + display: none; +} +.site-nav-toggle { + position: static; + float: right; +} +.menu { + float: right; + margin: 8px 0 0 0; +} @media (max-width: 767px) { .menu { - text-align: left; + margin: 20px 0 0 0; + padding: 0; } } +.menu br { + display: none; +} +.menu .menu-item { + margin: 0; +} @media (max-width: 767px) { .menu .menu-item { display: block; - margin: 0 10px; - vertical-align: top; } } -@media (max-width: 767px) { - .menu .menu-item br { - display: none; - } +.menu .menu-item a { + padding: 0 10px; + background: none; + border: none; + border-radius: 2px; + transition-property: background; } @media (max-width: 767px) { .menu .menu-item a { - padding: 5px 10px; + text-align: left; } } -.menu .menu-item .fa { - margin-right: 0; +.menu .menu-item a:hover { + background: #e1e1e1; +} +.menu a::before { + display: none; +} +@media (max-width: 767px) { + .menu a::before { + display: block; + } +} +@media (max-width: 767px) { + .menu { + float: none; + } } .site-search form { display: none; } +.posts-expand { + padding-top: 0; +} +.posts-expand .post-title, +.posts-expand .post-meta { + text-align: left; +} +@media (max-width: 767px) { + .posts-expand .post-title, + .posts-expand .post-meta { + text-align: center; + } +} +.posts-expand .post-eof { + display: none; +} +.posts-expand .post { + margin-top: 120px; +} +.posts-expand .post:first-child { + margin-top: 0; +} +.posts-expand .post-meta { + margin-top: 5px; + margin-bottom: 20px; +} +.posts-expand .post-title { + position: relative; + font-size: 26px; + font-weight: 400; +} +@media (max-width: 767px) { + .posts-expand .post-title { + font-size: 22px; + } +} +@media (min-width: 1600px) { + .posts-expand .post-title { + font-size: 26px; + } +} +.posts-expand .post-title:hover:before { + background: #222; +} +@media (max-width: 767px) { + .posts-expand .post-body { + font-size: 12px; + } +} +.posts-expand .post-body img { + margin: 0; +} +.posts-expand .post-tags { + text-align: left; +} +.posts-expand .post-tags a { + padding: 1px 5px; + background: #f5f5f5; + border-bottom: none; +} +.posts-expand .post-tags a:hover { + background: #ccc; +} +.posts-expand .post-nav { + margin-top: 40px; +} +.post-button { + margin-top: 20px; + text-align: left; +} +.post-button a { + padding: 0; + font-size: 14px; + background: none; + border: none; + border-bottom: 2px solid #666; + transition-property: border; +} +@media (max-width: 767px) { + .post-button a { + font-size: 12px; + } +} +@media (min-width: 1600px) { + .post-button a { + font-size: 16px; + } +} +.post-button a:hover { + border-bottom-color: #222; +} .links-of-blogroll-inline .links-of-blogroll-item { display: inline-block; } +.btn { + padding: 0 10px; + border-width: 2px; + border-radius: 0; +} +.headband { + display: none; +} +.site-search { + position: relative; + float: right; + margin-top: 5px; + padding-top: 3px; +} +@media (max-width: 767px) { + .site-search { + float: none; + padding: 0 10px; + } +} +@media (max-width: 767px) { + .container .main-inner { + width: auto; + } +} +.page-post-detail .post-title, +.page-post-detail .post-meta { + text-align: center; +} +.page-post-detail .post-title:before { + display: none; +} +.page-post-detail .post-meta { + margin-bottom: 60px; +} +.pagination { + margin: 120px 0 0; + text-align: left; +} +@media (max-width: 767px) { + .pagination { + margin: 80px 10px 0; + text-align: center; + } +} +.footer { + margin-top: 80px; + padding: 10px 0; + background: #f5f5f5; + color: #666; +} +.footer-inner { + margin: 0 auto; + text-align: left; +} +@media (max-width: 767px) { + .footer-inner { + width: auto; + text-align: center; + } +} diff --git a/index.html b/index.html index e4a837b..1fe6266 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -95,8 +95,8 @@ + - + - + - + - + - + - + - + @@ -840,7 +840,7 @@ - + @@ -889,14 +889,14 @@ - + - + - + diff --git a/tags/c/index.html b/tags/c/index.html index bb1fb72..5c13518 100644 --- a/tags/c/index.html +++ b/tags/c/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -95,8 +95,8 @@ + - + - + - + - + - + - + - + @@ -564,7 +564,7 @@ - + @@ -613,14 +613,14 @@ - + - + - + diff --git a/tags/index.html b/tags/index.html index 8814d43..d7d25ad 100644 --- a/tags/index.html +++ b/tags/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -96,8 +96,8 @@ + - + - + - + - + - + - + - + @@ -550,15 +550,15 @@ - - + + - + @@ -607,14 +607,14 @@ - + - + - + diff --git a/tags/opencv/index.html b/tags/opencv/index.html index af7a297..bfde518 100644 --- a/tags/opencv/index.html +++ b/tags/opencv/index.html @@ -5,7 +5,7 @@ - + @@ -40,7 +40,7 @@ - + @@ -48,21 +48,21 @@ - + - + - + - + - + - + @@ -82,7 +82,7 @@ - + @@ -95,8 +95,8 @@ + - + - + - + - + - + - + - + @@ -564,7 +564,7 @@ - + @@ -613,14 +613,14 @@ - + - + - +