Blog Park codinglife template phone style optimization

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