[Mobile] Metro Blue theme

demo





Cài đặt:Truy cập ACP >> Display →Pictures and Colors >> Colors >> CSS Stylesheet >>Chèn đoạn dưới đây vào cuối CSS:

Code:

/*---mobile-metro-style-by Quân Ligerv---*/@media screen and (max-width: 800px) {#page-body{background-color:#f6f6f6;}.mobile_title.application_header{background:#43A6DF;}.form_login{margin-top:30px;}.inputTxtContainer{background:none;border:none;margin-top:0;}.inputTxtContainer .inputTxt{background-color:#FFF!important;line-height:1.4;font-size:16px;display:block;width:97%;border:1px solid #E4E4E4;padding:.4em;}.autologin{position:relative;z-index:100;}.autologin label{margin-left:10px;}#checkbox_autologin{z-index:101;line-height:31px;height:31px;margin-left:10px;}#checkbox_autologin:after{content:" ";height:31px;width:100%;position:absolute;background:#fff;left:0;z-index:-1;border:1px solid #E4E4E4;top:0;}.defaultBtn{width:100%;min-height:31px;background:#505558;border-radius:0;}.mobile_set{background:#2E3539;}.mobile_item{border:none;border-top:1px solid #e4e4e4;background:#fff;}.mobile_item:hover{background:#f2f2f2;}.forum_no_new,.cat_no_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_10.png) no-repeat scroll 0 50%;}.forum_new,.cat_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_11.png) no-repeat scroll 0 50%;}.forum_locked{background:url(http://i76.servimg.com/u/f76/15/23/22/46/rsz_re10.png) no-repeat scroll 5px 50%;background-size:25px 25px;}.mobile_item_link_content{background:url(http://i76.servimg.com/u/f76/15/23/22/46/go10.png) no-repeat scroll 100% 50%;padding:0 2.5em 0 45px;}.mobile_title{background:#2E3539;border-bottom:1px solid #5e5e5e;}.mobile_prev_button,.mobile_next_button{border:none;box-shadow:none;width:24px;height:24px;background-image:url(http://i76.servimg.com/u/f76/15/23/22/46/metro-11.png);border-radius:0;background-color:transparent;background-position:-84px 50%;margin:3px;}.mobile_next_button div,.mobile_next_button p,.mobile_prev_button p,.mobile_prev_button div{display:none;}.post{background:#FFF;border-bottom:solid 1px #E4E4E4;}.postbody .post_header{background-color:#F2F2F2;background-image:none;border-top:solid 1px #E4E4E4;border-bottom:solid 1px #E4E4E4;border-right:none;border-left:none;color:#3e3e3e;font-weight:700;text-shadow:0 1px 1px #fff;}blockquote{border-radius:0;border-color:#ccc;}blockquote cite{border-radius:0;}.spoiler_title{background:none;border-radius:0;color:#fff;}.spoiler_content.hidden,.codebox code{background:#4e4e4e;border-radius:0;border:1px solid #555;}.spoiler,.codebox{background:#2E3539;border-radius:0;color:#fff;border:0;}.mobile_prev_button{background-position:-112px 50%;}}