forked from webjyh/presence
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
15 lines (13 loc) · 17.8 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*-----------------------------------------------------------------------------------
Theme Name: presence
Theme URI: http://webjyh.com/
Description: A free, Superb picture theme. More features are added into this theme.
Author: M.J
Author URI: http://webjyh.com/
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like Pinterest, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
-----------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}.clearfix{display:block}.none{display:none}body{overflow-x:hidden}body,textarea,select,input{color:#666;font-family:"Microsoft Yahei",Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;font-size:12px}.header,.wrap,.footer{position:relative;margin:0 auto}.w-size{width:866px;max-width:866px}a{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}a{color:#000;text-decoration:none}blockquote{padding:0 0 0 15px;margin:15px;color:#999;border-width:0 0 0 1px;border-style:solid}.no-result p,.no-result h1{text-align:center;font-weight:bold;padding:20px 0 0}.no-result h1{font-size:16px}h1.page-title{height:20px;line-height:20px;padding:10px;background:#000;background:rgba(0,0,0,0.5);margin-bottom:10px;color:#FFF;font-size:14px;text-align:center;filter:alpha(opacity=60);font-family:"Trebuchet","MS Trebuchet","Trebuchet MS",Tahoma,Helvetica,sans-serif;text-transform:uppercase}.bg-fixed{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;background:url(images/bg-fixed.png) repeat;*background:0}.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignleft{float:left}.alignright{float:right}.m-pager a,.header .menu li a,.footer a,.single-navigation div a{color:#fef9df}.header h1.logo a:hover,.header .menu li a:hover,.menu li.current-menu-item a,.menu li.current_page_item a,.m-pager a:hover,.footer a:hover,.single-navigation div a:hover,.m-pager .current a{color:#ace360}.header{text-align:center;padding:80px 0 36px}.header h1.logo{font-weight:normal}.header h1.logo a{font-size:36px;text-decoration:none;outline:0}.header .descarea{padding:15px 0 5px}.header .nav{padding-top:20px;text-align:center}.header .menu li,.header .menu li a{position:relative;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;_width:68px;height:37px;margin:0 5px 16px 5px;*margin:0 8px 16px 8px}.header .menu li a{font-size:14px;text-align:center;height:37px;line-height:37px;padding:0 20px;margin:0;text-decoration:none;background:#000;background:rgba(0,0,0,0.4);filter:alpha(opacity=40)}.header .menu .sub-menu{display:none;position:absolute;top:37px;left:0;z-index:10}.header .menu .sub-menu li{margin:0}.header h1.logo a,.header .descarea{color:#FFF}.header .menu li a:hover,.menu li.current-menu-item a,.menu li.current_page_item a{background:#000;background:rgba(0,0,0,0.6);filter:alpha(opacity=60)}.post-wrap{margin-bottom:50px;background:#FFF}.post-wrap .m-post{position:relative;padding:20px 20px 20px 46px}.wrap .typeicon{position:absolute;top:20px;left:-29px;display:block;width:54px;height:54px;background:url(images/icon.png) no-repeat -999px -999px;outline:0}.wrap .standard{background-position:0 0}.wrap .image{background-position:0 -97px}.wrap .video{background-position:0 -200px}.wrap .audio{background-position:0 -301px}.wrap .quote{background-position:0 -486px}.wrap .comment-icon{background-position:0 -394px}.post-wrap .m-post .title{color:#2a2a2a;font-size:24px;font-weight:normal;line-height:36px;margin-bottom:24px}.post-wrap .m-post .quote-text{color:#2a2a2a;font-size:24px;font-weight:normal;line-height:36px}.post-wrap .m-post .edit-link{display:block;text-align:right;padding:10px}.post-wrap .m-post .text{color:#666;font-size:14px;line-height:22px}.post-wrap .m-post .text p{margin-bottom:20px}.post-wrap .m-post .text .quote-article{text-align:right;font-size:12px;font-family:"Trebuchet","MS Trebuchet","Trebuchet MS",Tahoma,Helvetica,sans-serif}.post-wrap .m-post .text .quote-article a{margin:0 5px}.post-wrap .m-post .text .audio{width:90%;height:150px;overflow:hidden;margin:20px auto;box-shadow:0 0 20px rgba(0,0,0,0.3);border:1px solid #b7bbc0}.post-wrap .m-post .text .audio .audio-image{float:left;width:150px;height:150px;overflow:hidden}.post-wrap .m-post .text .audio .audio-content{height:150px;overflow:hidden;padding-left:20px}.post-wrap .m-post .text .audio .audio-content h3{padding-top:10px;font-size:20px;margin-bottom:10px;color:#333;font-family:"Microsoft YaHei"}.post-wrap .m-post .text .audio .audio-content p{margin:0;white-space:nowrap}.post-wrap .m-post .text .audio .audio-content p.author,.post-wrap .m-post .text .audio .audio-content p.musicablum{font-family:"Microsoft YaHei";margin-bottom:10px;color:#072}.post-wrap .m-post .text .audio .audio-content p.author strong,.post-wrap .m-post .text .audio .audio-content p.musicablum strong{color:#43474c}.post-wrap .m-post .text .audio .audio-content p.author span{color:red;letter-spacing:.2em;font-size:18px}.post-wrap .m-post .text img,.post-wrap .m-post .text embed,.post-wrap .m-post .text object{max-width:100%;_width:expression(this.width <(this.parentNode.parentNode.clientWidth||this.parentNode.parentNode.offsetWidth||500)?"auto":"100%")}.post-wrap .m-post .text .video{text-align:center;margin:0 0 20px;overflow:hidden}.post-wrap .m-post .text .video embed,.post-wrap .m-post .text .video object{display:block;margin-left:auto;margin-right:auto}.post-wrap .m-post .text .post-avatar{border:1px solid #ccc;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,0.1);float:left;width:50px;height:50px;padding:5px}.post-wrap .m-infoarea{background:#e5e5e4;color:#999;line-height:20px;padding:10px 20px}.m-infoarea a{margin-right:8px;color:#999;cursor:pointer}.m-infoarea .time,.m-infoarea .comment,.m-infoarea .like{float:left;padding-left:18px;background:url(images/icons.png) -999px -999px no-repeat;-webkit-transition:background-position .3s;-moz-transition:background-position .3s;-o-transition:background-position .3s transition:background-position .3s}.m-infoarea .time{background-position:0 2px}.m-infoarea .time:hover{background-position:0 -20px}.m-infoarea .comment{background-position:0 -90px;font-size:10px}.m-infoarea .comment:hover{background-position:0 -115px}.m-infoarea .like{background-position:0 -43px;font-size:10px}.m-infoarea .like:hover{background-position:0 -68px}.m-infoarea .from{float:left}.m-infoarea .sep{float:left;margin-right:8px}.m-infoarea .tagarea .taglb{float:left;zoom:1}.m-infoarea .tagarea a{float:left;height:20px;line-height:20px;overflow:hidden;white-space:nowrap}.m-pager{margin:-10px 0 30px 0;color:#fff;font-size:14px;text-align:center}.m-pager a{cursor:pointer}.m-pager .curoftotal{float:left;height:34px;line-height:34px;margin-right:10px}.m-pager .page{position:relative;zoom:1;float:left;width:34px;height:34px;line-height:34px;margin-right:10px}.m-pager .page a{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;width:100%}.m-pager .page .pgbg{zoom:1;background:#000;opacity:.4;filter:alpha(opacity=40)}.m-pager .prv{width:56px}.m-pager .nxt{width:56px}.single-navigation{color:#FFF;font-size:14px;margin:-30px 0 25px;text-align:center}.single-navigation div{height:34px;width:58px;line-height:34px}.single-navigation div a{display:block;width:58px;height:34px;background:#000;background:rgba(0,0,0,0.4);filter:alpha(opacity=60)}.single-navigation .prev-single{float:left}.single-navigation .next-single{float:right}.pagenavi{padding:10px 0 20px;line-height:190%}.pagenavi a,.pagenavi span{color:#666;padding:2px 8px;margin-right:5px;box-shadow:0 0 3px rgba(0,0,0,0.2);border-bottom:1px solid #b7bbc0}.pagenavi span{color:#333;border-bottom:1px solid #4d90fe}.pagenavi a:hover{border-bottom:1px solid #4d90fe;color:#333}.page-links{margin:0 15px 0 12px;padding:10px 0 20px}.page-links a{padding:2px 8px;margin-right:5px;box-shadow:0 0 3px rgba(0,0,0,0.2);border:1px solid #b7bbc0}.page-links a:hover{border:1px solid #4d90fe;color:#4d90fe}.comments{position:relative;zoom:1;padding:20px 20px 20px 46px;margin-bottom:50px;min-height:50px;_height:50px;background:#fff}.comments h2{font-weight:normal;font-size:20px;line-height:180%}.commentlist{margin-bottom:10px}.commentlist .comment-body{border-bottom:1px solid #d7d7d7;padding:10px 0 10px;margin:10px 0}.commentlist .comment-body .avatar{float:left;padding:5px;border:1px solid #CCC;border-radius:3px;width:35px;height:35px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.commentlist .comment-body:hover .avatar{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.commentlist li.comment ul.children{margin:8px 0 8px 50px}.commentlist .comment-body .comment-wrap{padding-left:60px}.commentlist .comment-body .comment-wrap .reply-container{display:inline;float:right}.commentlist .comment-body .comment-wrap a.comment-reply-link,.commentlist .comment-body .comment-wrap a.comment-edit-link,.comments .comment-content a{color:#4d90fe}.comments .comment-content p{line-height:140%}.commentlist .comment-body .comment-wrap .comment-content{padding-top:9px}.comments .respond p{line-height:24px}.comments .respond p.smilies{margin:.5em 0 0}.comments .respond p.smilies img{background:none!important}.comments .respond input,.comments .respond textarea{outline:0;font-family:"Microsoft Yahei",Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;color:#7b7b76}.comments .respond input.text{width:240px;height:20px;line-height:20px;margin:.5em 0;padding:2px;border:1px solid #bbb}.comments .respond input.checkbox{margin-right:3px;vertical-align:middle}.comments .respond input.submit{border:0;cursor:pointer;height:29px;width:77px;overflow:hidden}.comments .respond .comment_mail{vertical-align:middle;cursor:pointer}.comments .respond .textarea{margin:.5em 0;width:96%;border:1px solid #bbb;padding:4px;overflow-y:hidden}.comments .respond input.text:hover,.comments .respond input.text:focus,.comments .respond .textarea:focus,.comments .respond .textarea:hover{border:1px solid #88acf7;box-shadow:0 0 3px #88acf7}.comments .respond .submit{color:#fff;font-size:13px;width:120px;padding:3px 5px;margin:2px 0 10px 0;border:1px solid #3079ed;cursor:pointer;background-color:#4d90fe;background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed)}.archive-lists h4{margin-bottom:10px;font-size:14px;line-height:18px;color:#333}.archive-lists ul{margin-left:30px;margin-bottom:15px}.archive-lists ul li{list-style-type:circle}.archive-lists ul li a{color:#4882b1;border-bottom:1px solid #c7c9cd}.archive-lists ul li a:hover{text-decoration:none;color:#43474c}.archive-lists .children{list-style-type:none;margin-left:30px;margin-bottom:0}.footer{margin-bottom:30px;color:#FFF;font-size:13px;text-shadow:0 1px 0 rgba(0,0,0,0.2);text-align:center}.footer p{line-height:24px}.footer a{text-decoration:underline}.footer .sep{margin:0 5px}.m-goTopArea{display:none;position:fixed;right:30px;bottom:30px;z-index:79;width:50px;height:50px;overflow:hidden;background:#000;background:rgba(0,0,0,0.5);filter:alpha(opacity=40)}.m-goTopArea{_position:absolute;_bottom:none;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)+20||20)-(parseInt(this.currentStyle.marginBottom,10)||0)))}.m-goTopArea .goTop{display:block;width:50px;height:50px;background:url(images/goTop.png) 13px 10px no-repeat;text-indent:-2000px;opacity:.4;filter:alpha(opacity=40)}#ph_lay,#ph_zoom{top:0;left:0;width:100%;z-index:9999;display:none}#ph_lay{position:fixed;height:100%;_height:expression(Math.max(documentElement.clientHeight,body.scrollHeight)+'px');_position:absolute}#ph_zoom{overflow-x:hidden;position:absolute}#ph_zoom span{margin:0;padding:0 9px;float:right;color:inherit}#ph_lay,#ph_cap,#ph_nav span{background:#000}#ph_cap,#ph_nav{cursor:pointer;font-size:14px;line-height:21px;position:absolute}#ph_nav #ph_prev,#ph_cap #ph_txt{float:left}.zoomed{margin:0;padding:0;max-width:none;cursor:pointer;position:absolute}.phzoom{position:relative;display:inline-block;max-width:100%}.ph_hover{top:0;left:0;width:100%;height:100%;display:block;position:absolute;background:url(images/zoom.png) no-repeat 50% 50%}.phzoom .loading{background:url(images/loading.gif) no-repeat 50% 50%}.link-content h3{font-size:13px;font-weight:bold;padding:10px 0 8px;color:#383838}.link-content ul{clear:both;margin:0;text-align:center}.link-content ul li{float:left;margin:10px 20px 10px 0;padding:0;width:130px;height:26px;background:0;line-height:23px}.link-content ul li img{float:left;padding:3px 0 3px 5px}.link-content ul li a{outline:0;float:left;overflow:hidden;padding:0;width:130px;height:22px;line-height:22px;border:1px solid #CCC;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}.link-content ul li a:hover{border:1px solid #e38383;color:#e38383}.mobile-nav{display:none;position:fixed;z-index:1000;top:0;text-align:center;width:100%;height:32px;padding:15px 0 0 0;border-bottom:1px solid rgba(0,0,0,0.8);box-shadow:0 4px 3px rgba(0,0,0,0.2);background:#242628;background-image:linear-gradient(bottom,#141617 1%,#222426 100%);background-image:-o-linear-gradient(bottom,#141617 1%,#222426 100%);background-image:-moz-linear-gradient(bottom,#141617 1%,#222426 100%);background-image:-webkit-linear-gradient(bottom,#141617 1%,#222426 100%);background-image:-ms-linear-gradient(bottom,#141617 1%,#222426 100%)}.mobile-nav h1{color:#FFF;font-size:24px;font-weight:bold;font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;text-shadow:1px 1px 0 #000}.mobile-nav .menu-trigger{position:absolute;top:0;left:0;width:48px;height:48px;background:url(images/menu_trigger.png) no-repeat center}.mobile-menu-wrap{display:none;width:199px;height:100%;position:fixed;top:0;left:0px;background:#2b2e30;border-right:1px solid rgba(0,0,0,0.3);overflow-y:auto}.mobile-menu-wrap .mobile-menu li a,.mobile-menu-wrap .mobile-menu li a:visited{padding:14px 20px;display:block;border-bottom:1px solid rgba(0,0,0,0.7);border-top:1px solid rgba(255,255,255,0.1);color:#FFF;font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:bold;font-size:14px;text-shadow:1px 1px 0 #000}.mobile-menu-wrap .mobile-menu li a:hover{background-color:#2b2e30;background-image:linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-o-linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-moz-linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-webkit-linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-ms-linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.01,#2b2e30),color-stop(1,#323638))}.mobile-menu-wrap .mobile-menu li a:active{background-color:#2b2e30;background-image:linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-o-linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-moz-linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-webkit-linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-ms-linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.01,#2b2e30),color-stop(1,#222426))}.mobile-menu-wrap .mobile-menu li.current-menu-item>a,.mobile-menu-wrap .mobile-menu li.current_page_item>a,.mobile-menu-wrap .mobile-menu li.current-menu-item>a:hover,.mobile-menu-wrap .mobile-menu li.current_page_item>a:hover,.mobile-menu-wrap .mobile-menu li.current-menu-item>a:visited,.mobile-menu-wrap .mobile-menu li.current_page_item>a:visited{background:#5393c5;text-shadow:0 1px 1px #3373a5;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#5393c5),to(#6facd5));background-image:-webkit-linear-gradient(#5393c5,#6facd5);background-image:-moz-linear-gradient(#5393c5,#6facd5);background-image:-ms-linear-gradient(#5393c5,#6facd5);background-image:-o-linear-gradient(#5393c5,#6facd5);background-image:linear-gradient(#5393c5,#6facd5)}.mobile-menu-wrap .mobile-menu li .sub-menu li a{padding:12px 20px 14px 40px;font-size:12px}@media screen and (min-width:960px){.w-size{width:861px!important}}@media screen and (min-width:767px){.mobile-menu-wrap{display:none!important}.header,.mobile-nav,.wrap,.footer{left:auto!important}}@media screen and (max-width:767px){#gtotop,.nav,.logo,.bg-fixed{display:none!important}.mobile-nav,.mobile-menu-wrap{display:block!important}body.custom-background{background:none!important;background-color:#0B3B41!important}}@media screen and (max-width:600px){.comments .respond input.text{width:96%!important}}.header,.mobile-nav,.wrap,.footer,.mobile-menu-wrap{left:0px;-webkit-transition:left 0.3s;-moz-transition:left 0.3s;transition:left 0.3s;}.mobile-left{left:200px;}.mobile-menu-wrap{left:-200px;}.mobile-menu-left{left:0px;}