.blog-root{ height: 100%; width: 68%; margin: 40px auto; } .blog-root .blog-title{ margin: 60px 0 20px 0; text-align: center } .blog-root .blog-detaile{ color: #2f2f2f; } .blog-root .blog-detaile pre{ /*color: #d2e8b9;*/ border: 1px #d2e8b9 solid; box-shadow:1px 1px 2px 2px #d2e8b9; margin: 5px 0; } .blog-root .blog-detaile h4{ font-size: 20px; font-weight: 500; } .blog-user{ position: fixed; top: 60px; left: 5px; width: 100px; height: 100%; background-color: #f9f9f9; } .blog-info{ padding: 15px; } .blog-info .blog-author{ display: flex; } .blog-info .blog-author .author-headimg{ display: inline-block; width: 48px; height: 48px; } .blog-info .blog-author .blog-label{ flex: 1; height: 22px; line-height: 22px; text-align: right; padding-top: 26px; } .blog-info .blog-author .blog-label label{ color: #888; border:1px dotted #aaa; padding: 5px; border-radius: 5px; font-size: 10px; } .blog-info .blog-author .author-headimg .img-circle{ width: 48px !important; height: 48px !important; margin-top: 0px !important; } .blog-info .blog-author .author-info{ display: inline-block; height: 48px !important; vertical-align: bottom; text-align: left; margin-left: 5px; } .blog-info .blog-author .author-info a{ display: inline-block; height: 28px; line-height: 28px; font-size: 16px; } .blog-info .blog-author .author-info span{ display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #888; padding-right: 8px; } .blog-info em{ padding: 0 8px !important; } .comms-root{ width: 68%; margin: 0 auto; } .comms-root a{ text-decoration: none; } img { max-width: 100% !important; } .blog-referral{ width: 100%; margin: 40px auto; } .blog-referral p{ padding: 3px 0; } .layui-code-view .layui-code-ol li{ margin-left: 0px !important; }