[Đóng góp] Mobile Metro Blue theme

  Bài viết hay nhất1
Demo:


Index

Xem thêm demo:

Login


View forum


ViewTopic


ViewTopic


Cài đặt:

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%;}
}


@Ligerv - themes.forumotion.net
  Bài viết hay nhất2
Vì cái chrome store nó không chịu lên không tải được user-agent switcher nên cứ vote like một cái cái đã :v
  Bài viết hay nhất3
code rất hữu ích! (y)
  Bài viết hay nhất4
CSS ảnh hưởng đến BBcode spoiler, code, quote hiện tại của các forum khác.
  Bài viết hay nhất5
cài vào rùi mà mở = mobile lên vẫn như cũ, chả khác theme tí nào
  Bài viết hay nhất6
Ko thấy code :3
  Bài viết hay nhất7
Cho mình hỏi chút , sao của mình lại bj mất phần menu lựa chọn đăng nhập trên thanh bar ?
  Bài viết hay nhất8
ít dùng cái này lắm
You cannot reply to topics in this forum