Blog Park codinglife template phone style optimization

Source: Internet
Author: User

Blog Park codinglife template phone style optimization: With the blog Park to write notes for some time, when I use my mobile phone to browse my article feel the style is not perfect, mainly personal home page and the details of the head width is too large, originally large screen right of the module placed under the article after the width and position is not appropriate, Just today to see the settings can be uploaded custom style, so wrote some style to optimize the codinglife template, and so the next time to continue to optimize, interested in the park friends can copy the following style to your page custom CSS code,

/*author Stumpx*/#navigator{Min-width:1200px;}@media (max-width:768px){#navigator {min-width:Auto; }Body{background-size:Auto 197px; }#blogTitle{width:100%;background-size:800px;background-position:0px 20px;Height:197px; }#blogTitle H1{width:300px; Left:0;Top:33px; }#blogTitle H2{Display:None; }#navList{width:100%; }#mainContent. Day{Border-left:None;Border-right:None; }#mainContent. Topiclistfooter{Height:Auto;Line-height:0;font-size:16px;margin:20px 0;padding:0 20px; }#sideBar{width:100%;Margin-left:0; }#blog-calendar{/*Display:none!important;*/padding:10px 15px;Border:1px solid #dedede;Border-left:None;Border-right:None;Background-color: White; }#profile_block, #widget_my_zzk, #widget_my_google,. Div_my_zzk{Border-left:None;Border-right:None; }#blog-calendar. Caltitle TD, #blog-calendar. Caltitle TD a{text-align:Center;Line-height:30px;Background-color: White;Color:Black; }#sidebar_search_box Input[type=text]{width:188px!important;width:Calc (100%-115px)!important; }#sideBar. Sidebar-block ul{Border:None; }#sideBar. Sidebar-block ul Li{padding:10px 20px; }#comment_form_container{Border-left:None;Border-right:None; }div.commentform Input.author, Div.commentform input.email, Div.commentform input.url{width:244px;width:Calc (100%-35px); }Div.commentform Textarea.comment_textarea{width:100%; }#under_post_news{width:100%;Height:Auto;padding:15px 0;Border-left:None;Border-right:None;Margin-top:20px; }#cnblogs_c1{padding:0; }#cnblogs_c1 A, #cnblogs_c1 img, #cnblogs_c2 A, #cnblogs_c2 img{Display:Block;Max-width:100%!important;width:100%!important;Height:auto!important; }#under_post_kb{Border-left:None;Border-right:None; }#ad_t2{Margin-top:20px;padding:0 20px; }. C_ad_block{Margin-top:15px;padding:0 15px; }#commentbox_opt. Comment_btn{width:50%;Border:None;Display:Inline-block;Line-height:30px;text-align:Center; }#commentbox_opt a{width:45%;Display:Inline-block;Padding-left:0;text-align:Center; }#comment_nav{padding:5px 20px; }#green_channel{width:100%!important;Padding-left:2px; }#green_channel a{Margin-right:4px; }#green_channel A:last-child{Margin-right:0; }#div_digg{Margin-right:0;width:100%; }#div_digg. Buryit{Margin-left:0;Margin-right:20px; }#div_digg. Diggit{Margin-left:0;Margin-left:20px; }. Sidebar-block H3{font-size:16px; }#cnblogs_post_body img{Max-width:100%!important; }. Day Posttitle{font-size:18px;Line-height:31px; }#topics. Posttitle{font-size:20px; }#myposts{Margin-left:0; }#myposts. Myposts_title{font-size:20px!important;padding:0 20px; }#myposts. Pager{Margin-left:10px; }#myposts. Postlist{Border-left:None;Border-right:None; }#kb_block{padding:0; }. C_ad_block a{Border-bottom:1px dashed #dedede; }#mainContent{Margin-bottom:20px; }#myposts. Pager:empty{Height:0; }#blogCalendar: Not (. Caltitle) A{Display:Block;background:#ff5e52;Color: White; }#post_next_prev A.p_n_p_prefix{Display:None; }}/*author Stumpx*/

Blog Park codinglife template phone style optimization

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.