[Mobile] dark theme Slate

Dù dịch vụ forumotion không hỗ trợ nhiều cho việc truy cập forum bằng di động nên ta chỉ xem được forum mà không comment hoặc login được khi xem ở chế độ mobile .tuy nhiên đây vẫn là chế độ mặc định khi truy cập forum bằng di động nên việc trang trí làm đẹp cũng là cần thiết .theme này giao diện tối , thích hợp co những forum sử dụng skin tối hoặc sẫm màu

việc duy nhất cần làm là chèn CSS dưới đây vào cuối cùng trong CSS của forum bạn. :dead:

CSS:

Spoiler:

Code:: /*---mobile_theme_dark_Slate_converted_by_ligerv---*/ #page-body{width:100%}.mobile_title{background:#4a4a4a;background:-moz-linear-gradient(top,#4a4a4a 0%,#373737 50%,#2e2e2e 51%,#282828 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4a4a4a),color-stop(50%,#373737),color-stop(51%,#2e2e2e),color-stop(100%,#282828));border-bottom:1px solid #1d1d1d;line-height:40px;height:40px;text-align:center}.mobile_title_content{font-size:1.2em;line-height:42px;font-weight:bold;padding:0;text-shadow:0 -1px 0 rgba(0,0,0,0.8);display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-decoration:none}.application_header_spacer{height:45px}.mobile_set,.postbody .post_header{background:#404040;background:-moz-linear-gradient(top,#404040 0%,#393939 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#404040),color-stop(100%,#393939));padding:10px;text-align:center;border-top:1px solid #535353;text-shadow:rgba(0,0,0,0.75) 0 -1px 0;color:#fff;font-size:14px}.mobile_item{background:#2c2c2c;background:-moz-linear-gradient(top,#2c2c2c 0%,#262626 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2c2c2c),color-stop(100%,#262626));background:-webkit-linear-gradient(top,#2c2c2c 0%,#262626 100%);background:-o-linear-gradient(top,#2c2c2c 0%,#262626 100%);padding:10px 10px;border-top:1px solid #424242;border-bottom:1px solid #1f1f1f;overflow:hidden;font:normal 13px helvetica,arial,verdana,tahoma,sans-serif}.mobile_item:hover{background:rgb(56,56,56);background:-moz-linear-gradient(top,rgb(63,63,63) 0%,rgb(58,58,58) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(63,63,63)),color-stop(100%,rgb(58,58,58)));background:-webkit-linear-gradient(top,rgb(63,63,63) 0%,rgb(58,58,58) 100%);background:-o-linear-gradient(top,rgb(63,63,63) 0%,rgb(58,58,58) 100%)}.mobile_item_link_content{padding:0 1em 0 45px;background:url('http://i12.servimg.com/u/f12/15/64/85/86/rarrow10.png') no-repeat scroll 100% 50%;background-size:9px 14px !important}.mobile_comment{color:#b6b6b6;font-size:90%;text-shadow:none}a.small{font-size:12px;text-decoration:none;display:inline-block;-webkit-border-radius:10px;border-radius:10px;padding:5px 10px;background:rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.8),rgba(255,255,255,0.05) 0 0 0 1px,rgba(255,255,255,0.05) 0 1px 0;box-shadow:inset 0 1px 3px rgba(0,0,0,0.8),rgba(255,255,255,0.05) 0 0 0 1px,rgba(255,255,255,0.05) 0 1px 0;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.4);margin-bottom:4px;margin:0 auto}.mobile_subtitle{color:#e0e0e0;text-decoration:none;text-shadow:none}.mobile_comment + div.mobile_comment{display:none}.cat_new,.forum_new{background:url(http://i12.servimg.com/u/f12/15/64/85/86/f_icon11.png) no-repeat scroll 0 50%}.cat_no_new,.forum_no_new{background:url(http://i12.servimg.com/u/f12/15/64/85/86/f_icon10.png) no-repeat scroll 0 50%}.forum_locked{background:url(http://i12.servimg.com/u/f12/15/64/85/86/lock_i10.png) no-repeat scroll 0 50%}.mobile_prev_button,.mobile_next_button{background:rgba(0,0,0,0.35);-webkit-box-shadow:inset rgba(0,0,0,0.85) 0 1px 3px,rgba(255,255,255,0.06) 0 0 0 1px,rgba(255,255,255,0.23) 0 1px 0;-moz-box-shadow:inset rgba(0,0,0,0.85) 0 1px 3px,rgba(255,255,255,0.06) 0 0 0 1px,rgba(255,255,255,0.23) 0 1px 0;box-shadow:inset rgba(0,0,0,0.85) 0 1px 3px,rgba(255,255,255,0.06) 0 0 0 1px,rgba(255,255,255,0.23) 0 1px 0;text-shadow:0 -1px 0 rgba(0,0,0,0.7);margin-top:5px}.mobile_prev_button div,.mobile_next_button div,.style2 .postbody::after{display:none}.postbody .post_header{text-align:left}.style2.post{background:#262626;color:#c9c9c9;font:normal 13px helvetica,arial,verdana,tahoma,sans-serif}.style2 blockquote,.style2 .codebox,.codebox code{background:#333;border-color:rgb(88,88,88)}.style2 blockquote cite{background:#666}.spoiler{background:#333;border-color:rgb(97,97,97)}.spoiler_title,.spoiler .spoiler_content.hidden{background:rgb(124,124,124);margin-top:0}.spoiler .spoiler_content.hidden{margin-top:10px !important}

Viết bởi ligerv -Skin4fm

[Mobile] dark theme Slate

[Mobile] dark theme Slate

Comments