Javascript Tumblr JS/Jquery无限滚动/砌体故障
我对JS/JQuery和Mashise还不熟悉，所以这可能是一个愚蠢的错误，但我已经搜索了很多答案，我完全没有想法了 问题是员额/司重叠。 以下是完整的主题代码：Javascript Tumblr JS/Jquery无限滚动/砌体故障,javascript,jquery,tumblr,jquery-masonry,infinite-scroll,Javascript,Jquery,Tumblr,Jquery Masonry,Infinite Scroll,我对JS/JQuery和Mashise还不熟悉，所以这可能是一个愚蠢的错误，但我已经搜索了很多答案，我完全没有想法了 问题是员额/司重叠。 以下是完整的主题代码： <html> <head> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate"
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<script src="http://static.tumblr.com/cbgnuxd/KqQmy0t7l/jquery-1.7.1.min.js"></script>
<script src="http://static.tumblr.com/cbgnuxd/LE0my0t7x/jquery.masonry.min.js"></script>
<script src="http://static.tumblr.com/cbgnuxd/PW6my0t86/masonry.pkgd.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/cbgnuxd/He2myzqh0/lazyyt.js"></script>
<!-- SHARERS -->
<script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'3a7d8263-9ce0-4500-9413-f40167dad735'});</script>
<!-- OTHER CRAP SCRIPT -->
<script>
$(function(){
// YT LAZY LOAD
$('.js-lazyYT').lazyYT();
// INDEX PAGE
if (document.location.href == "http://folkherofilms.tumblr.com/") {
window.location.href = "http://folkherofilms.tumblr.com/index";
}
if (document.location.href == "http://folkherofilms.tumblr.com/index") {
$('body').addClass('static');
$('.item').addClass('autoheight');
}
// CASE STUDY PAGES
if ( document.location.href.indexOf('tagged/') > -1 ) {
$('#sidebar').fadeIn('slow');
}
// ABOUT PAGE
if (document.location.href == "http://folkherofilms.tumblr.com/about") {
$('body').addClass('static');
$('.item img').css('width','auto');
$('.item').addClass('autoheight');
}
// TEMPORARY PORTFOLIO PAGE
if (document.location.href == "http://folkherofilms.tumblr.com/portfolio") {
$('body').addClass('static');
$('.item').addClass('autoheight');
}
// PORTFOLIO PAGE
if (document.location.href == "http://folkherofilms.tumblr.com/tagged/portfolio") {
$('#sidebar, .sharers').css('display','none');
$('#maincontainer, #headercontainer').css('width','1040px');
$('#maincontainer').css('top','190px');
$('#container').css('margin-left','0px');
$('.item').removeClass('m l autoheight');
$('.item').addClass('s');
}
// FIELD NOTES POSTS
if ($('.item.fieldnotes').length ) {
$('body').addClass('static');
$('#disqus_things, .sharers').show();
$('.item').addClass('autoheight');
}
// FIELD NOTES PAGE
if (document.location.href == "http://folkherofilms.tumblr.com/tagged/fieldnotes") {
$('body').addClass('static');
$('.item').removeClass('m s');
$('.item img').css('width','auto');
$('#disqus_things, .sharers').hide();
}
// CONTACT PAGE
if (document.location.href == "http://folkherofilms.tumblr.com/contact") {
$('body').addClass('static');
}
// DEFAULT SIZE POSTS
$('.item:not(.m, .l)').addClass('s');
// 404 PAGE
if ($('p:contains("The URL you requested could not be found.")').length > 0) {
$('.item, .sharers').hide();
$('#notfound').show();
}
});
</script>
<!-- META -->
<meta name="image:Background" content=""/>
<meta name="image:Logo" content=""/>
<meta name="image:Header Background" content=""/>
<meta name="color:Text Color" content="#666"/>
<meta name="color:Link Underline" content="#5c7ea5"/>
<meta name="text:Disqus Shortname" content="" />
<!-- CSS -->
<style>
html, body {height:100%}
#tumblr_controls, #tumblr_controls iframe {display:none!important}
body {
margin:0;
background-color:#ccc;
background-image:url('{image:Background}');
font-family:Pt Sans, Helvetica, sans-serif;
font-size:14px;
-webkit-font-smoothing: antialiased;
color: {Color:Text Color};
overflow-x:hidden;
}
.hide {display:none!important}
#sitecredit {
position:fixed;
bottom:6px;
right:10px;
}
#sitecredit img {width:21px;opacity:0.5}
#sitecredit img:hover {opacity:0.9}
h3 {font-size:10px}
#disqus_things {display:none}
#disqus_things .post {width:100%}
#maincontainer {
visibility:hidden;
position: relative;
top: 200px;
width: 1135px;
height:100%; /*FOR SAFARI */
margin: 0 auto;
padding-bottom:100px;
}
#infscr-loading {opacity:0}
/* STATIC PAGES */
.static #sidebar {display:none!important}
.static #maincontainer, .static #headercontainer, .static #container {width:910px}
.static #maincontainer {top:190px}
.static #container {margin-left:0px}
.static .item {width:850px;padding:10px 20px;position:relative!important;}
.static .sharers {display:none; margin:30px;}
.static .big {width:830px!important;height:467px!important}
/* HEADER */
#header {
position:fixed;
z-index:50;$()
display:block;
width:100%;
height:130px;
background-image:url('{image:Header Background}');
background-color:#222;
padding:20px 0;
font-size:10px;
}
#headercontainer {
position:relative;
margin:0 auto;
display:block!important;
width:910px;
transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
#header, #header a {
color:#fff;
letter-spacing:1px;
text-decoration:none;
}
#headerlinks {
position:relative;
left:170x;
}
#header a {
font-size:13px;
}
#header div, #header a {display:inline-block}
#logo {
height:100%;
margin: 0 20px 0 30px;
}
/* SIDEBAR */
#sidebar {
position: absolute;
display: none;
top: 0;
width: 100px;
text-align: center;
margin:0 10px;
}
#sidebar h1 {
font-size:12px;
font-weight:normal;
display:block;
border-bottom:1px solid black;
}
#sidebar a {
display:block;
color: #5c5959;
padding-bottom: 2px;
text-decoration: none;
text-transform: capitalize;
padding:3px;
width:91px;
margin:10px 0;
background:#fff;
text-align:center;
font-size:11px;
}
/* POSTS */
.item a {
color: {Color:Text Color};
color: #666;
font-weight: bold;
text-decoration: none;
}
.item a:hover {color:{Color:Link Underline}}
.read_more {text-transform:uppercase}
#notfound {
display:none;
margin: 10px 0 0 129px;
font-style: italic;
font-size: 20px;
text-align: center;
letter-spacing: 1px;
width: 500px;
}
.notfound-404 {
font-size: 300px;
font-weight: bold;
margin: 0 0 10px;
font-family: arial;
font-style: normal;
display: block;
line-height: 220px;
letter-spacing: -9px;
text-align: left;
}
#container {
z-index: 0;
display: inline-block;
margin-left: 115px;
width: 1200px;
}
.item {
overflow:hidden;
background-color:#fff;
margin:10px;
}
.item img {display:block;min-width:100%;height:100%;width:auto;}
.item p img {max-width:100%;height:auto}
.item iframe {width:100%;height:100%;}
div.js-lazyYT img {width:auto!important;min-width:0px;height:auto;}
.lazyYT-title {display:none}
p {margin:5px}
.s {
width:240px;
height:200px;
}
.s .media {height:173px}
.m {
width: 500px;
height:420px;
}
.m .media {height:392px}
.text {padding:10px 0}
.s.text, .m.text {overflow-y:auto}
.s.text {height:180px}
.m.text {height:400px}
.l {width:1020px}
.l.video iframe {height: 574px}
.l img, .autoheight, .autoheight .media, .autoheight .media img {
height:auto!important;
min-height:0px;
}
.autoheight.nocaption .media {
width:100%;
height:auto;
}
.autoheight.nocaption .media img {
width: 100%;
margin: -5px 0;
}
.nocaption .media {height:100%}
.nocaption img {
min-height: 100%;
min-width: 100%;
width: 100%;
height:auto;
}
/*.nocaption.s img, .nocaption.m img {min-height: 100%}*/
.nocaption iframe {
height: 106%;
margin-top: -3%;
display:block;
}
h1 {font-size:14px}
.media {
position:relative;
width:100%;
overflow:hidden;
}
.caption {
position:relative;
display:block;
padding:0 10px;
}
.audio .media {height:100%}
.audio .player-wrapper {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin: -20px!important;
width: 40px;
height: 40px;
overflow: hidden;
}
.audio_player {
display: block;
width: 250px;
height: 50px;
margin:-5px!important;
}
.audio_player iframe {position:relative}
.player-wrapper {z-index:70}
.audioinfo {
opacity:0;
position: absolute;
z-index: 50;
top: 0;
left: 0;
padding: 15px 0;
text-align: center;
font-weight: bold;
width: 100%;
height: 100%;
color: whitesmoke;
background: black;
}
.audio:hover .audioinfo {opacity:1}
/* SHARES */
.sharers {
width: 88px;
border-top: 1px dashed black;
padding-top: 10px;
padding-bottom:50px;
text-align: center;
margin:30px 0 0 120px;
}
.sharers span {
width: 20px!important;
height: 20px!important;
background-size: 20px;
margin: 2px;
}
.stButton .stLarge:hover {
opacity: 1!important;
background-position: 0!important;
cursor:pointer;
padding-right:0px;
}
/* LIKE REBLOG */
.likereblog {display:none}
.like .likereblog {display:block}
.likereblog {padding:0px 10px 5px}
.likereblog * {
display:inline-block!important;
border-bottom:none!important;
width:15px!important;
height:15px!important;
}
.likereblog a:hover {background-color:transparent}
.likereblog svg {margin-left:10px; fill:#000}
.audio .likereblog, .nocaption .likereblog {position: absolute;z-index: 9999;}
.nocaption .likereblog, .audio .likereblog {bottom:0px}
.nocaption .likereblog svg {fill:#fff}
.nocaption .likereblog iframe {-webkit-filter:invert(1)}
/* PAGES */
.item.fieldnotes p img, .item.fieldnotes p iframe {
width:auto!important;
display:block;
margin:0 auto;
}
</style>
</head>
<!-- BODY -->
<body>
<!-- MASONRY SCRIPT -->
<script>
$(function(){
// IF NOT FIELD NOTES PAGE
if (!$('.item').hasClass('fieldnotes')) {
// UNWRAP TITLE LINKS
$('.item .title h1').unwrap();
// MASONRY
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
columnWidth: 1,
isOriginTop: true,
itemSelector : '.item'
});
});
}
});
</script>
<!-- SITE CREDIT -->
<div id="sitecredit"><a href="http://dinakelbermanwebdesign.com" target="blank">
<img src="http://dinakelbermanwebdesign.com/credit.png"></a>
</div>
<!-- HEADER -->
<div id="header">
<div id="headercontainer">
<span id="headerwrap">
<a href="http://folkherofilms.tumblr.com/index"><img id="logo" src="{image:Logo}"></a>
<div id="headerlinks">
<a href="/about">Who We Are</a> ●
<!--a href="/tagged/portfolio">Portfolio</a> ●-->
<a href="/fieldnotes">Field Notes</a> ●
<a href="/contact">Contact</a> ●
<a href="http://folkherofilms.tumblr.com/index">Home</a>
</div>
<!--------------------------------------------------------------------->
</span>
</div>
</div>
<div id="maincontainer">
<!-- SIDEBAR -->
<div id="sidebar">
<h1>MORE PROJECTS</h1>
{block:HasPages}
{block:Pages}
<a href="{URL}">{Label}</a>
{/block:Pages}
{/block:HasPages}
</div>
<div id="notfound"><span class="notfound-404">404</span>Page not found, please try again!</div>
<div id="container">
{block:Posts}
<!-- TEXT -->
{block:Text}
<div class="item text {TagsAsClasses}">
<div class="caption">
{block:Title}
<a href="{Permalink}" class="title"><h1>{Title}</h1></a>
{/block:Title}
{Body}
<div class="hide">
{block:ContentSource}{SourceURL}{/block:ContentSource}
</div>
</div>
<div class="likereblog">{LikeButton color="black"}{ReblogButton}</div>
</div>
{/block:Text}
<!-- PHOTO -->
{block:Photo}
<div class="item {TagsAsClasses} photo">
<div class="media"><img src="{PhotoURL-500}"></div>
{block:Caption}
<div class="caption entry">
{Caption}
</div>
{/block:Caption}
<div class="likereblog">{LikeButton color="black"}{ReblogButton}</div>
</div>
<div class="hide">
{block:ContentSource}{SourceURL}{/block:ContentSource}
</div>
{/block:Photo}
<!-- PANORAMA -->
{block:Panorama}
<li class="panorama">
{LinkOpenTag}
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
{LinkCloseTag}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<div class="likereblog">{LikeButton color="black"}{ReblogButton}</div>
</li>
<div class="hide">
{block:ContentSource}{SourceURL}{/block:ContentSource}
</div>
{/block:Panorama}
<!-- PHOTOSET -->
{block:Photoset}
<div class="item {TagsAsClasses}">
<div class="media-photoset">
<div class="lightbox photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
{block:Photos}
<div class="photo-data">
<div class="pxu-photo">
<a class="tumblr-box" rel="post is-item-{PostID}" href="{PhotoURL-HighRes}">
<img alt="{PhotoAlt}" src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
</a>
</div>
<div class="icons">
<span class="info">
Info
</span>
</div>
</div>
{/block:Photos}
</div>
</div>
{block:Caption}
<div class="background unrounded">
<div class="entry caption">
{Caption}
</div>
</div>
{/block:Caption}
{block:IfTags}
{block:HasTags}
<div class="background unrounded tags clearfix">
{block:Tags}
<a href="{TagURL}">
<div class="tag">{Tag}</div>
</a>
{/block:Tags}
</div>
{/block:HasTags}
{/block:IfTags}
<div class="meta">
<div class="part">
<a href="{Permalink}" title="Permalink">
{TimeAgo}
</a>
</div>
<div class="part heart">
<a href="{Permalink}" title="Permalink">
<i class="icon-heart"></i>
<div class="text heart"><div class="note-counter">{NoteCount}</div></div>
</a>
</div>
</div>
</div>
<div class="hide">
{block:ContentSource}{SourceURL}{/block:ContentSource}
</div>
{/block:Photoset}
<!-- VIDEO -->
{block:Video}
<div class="item video {TagsAsClasses}">
<div class="media">{VideoEmbed-700}</div>
{block:Caption}
<div class="caption entry">
{Caption}
</div>
{/block:Caption}
<div class="likereblog">{LikeButton color="black"}{ReblogButton}</div>
</div>
<div class="hide">
{block:ContentSource}{SourceURL}{/block:ContentSource}
</div>
{/block:Video}
<!-- AUDIO -->
{block:Audio}
<div class="item audio {TagsAsClasses}">
<div class="player">
{block:AudioPlayer}
{block:AlbumArt}
<img src="{AlbumArtURL}" class="albumart">
<div class="player-wrapper">{AudioPlayerBlack}</div>
{/block:AlbumArt}
{/block:AudioPlayer}
{block:AudioEmbed}
<div class="background">
<div class="audioembed">{AudioEmbed-500}</div>
</div>
{/block:AudioEmbed}
</div>
{block:Artist}
<div class="audioinfo">
{Artist}<br>
{block:TrackName}{TrackName}{/block:TrackName}
</div>
{/block:Artist}
<div>
{block:Caption}
<div class="caption entry">{Caption}</div>
{/block:Caption}
</div>
<div class="likereblog">{LikeButton color="black"}{ReblogButton}</div>
</div>
<div class="hide">
{block:ContentSource}{SourceURL}{/block:ContentSource}
</div>
{/block:Audio}
{/block:Posts}
</div>
<div class="sharers">
<span st_url='{Permalink}' st_title='{Title}' class='st_twitter' displayText=''></span><span st_url='{Permalink}' st_title='{Title}' class='st_facebook' displayText=''></span><span st_url='{Permalink}' st_title='{Title}' class='st_email' displayText=''></span>
</div>
<!-- DISQUS -->
<div id="disqus_things">
{block:IfDisqusShortname}
<div class="post type-comments m {block:HighRes}l{/block:HighRes}">
<div class="background fully-rounded">
<h3 class="title">
Comments
</h3>
<div class="entry comments">
<script type="text/javascript">
var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";
</script>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = '{text:Disqus shortname}';
function load_disqus()
{
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
}
load_disqus(function() {});
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
{/block:IfDisqusShortname}
</div>
<!-- PAGINATION FOR INFINITE SCROLL -->
<div class="pagination">
{block:Pagination}
{block:NextPage}
<a href="{NextPage}">NEXT</a>
{/block:NextPage}
{/block:Pagination}
</div>
</div>
<!-- IMAGE LOAD JS -->
<script type="text/javascript" src="http://static.tumblr.com/cbgnuxd/l2rmz5u6v/imagesloaded.js"></script>
<!-- INFINITE SCROLL -->
<script type="text/javascript" src="http://static.tumblr.com/cbgnuxd/saomz5tvi/jquery.infinitescroll.js"></script>
<!-- INFINITE SCROLL -->
<script type="text/javascript">
(function () {
var $tumblelog = $('#container');
$tumblelog.infinitescroll({
navSelector: ".pagination",
nextSelector: ".pagination a:last-child",
itemSelector: ".item",
loading: {
finished: undefined,
finishedMsg: "",
img: "",
msg: null,
loadingText: "<em></em>",
},
},
function (newElements) {
var $newElems = $(newElements).css({
opacity: 0
});
$newElems.imagesLoaded(function () {
$newElems.animate({
opacity: 1
});
$('.item:not(:has(.caption))').addClass('nocaption');
// IF NOT FIELD NOTES PAGE
if (!$('.item').hasClass('fieldnotes')) {
// UNWRAP TITLE LINKS
$('.item .title h1').unwrap();
}
// PORTFOLIO PAGE
if (document.location.href == "http://folkherofilms.tumblr.com/tagged/portfolio") {
$('#sidebar, .sharers').css('display','none');
$('#maincontainer, #headercontainer').css('width','1040px');
$('#maincontainer').css('top','190px');
$('#container').css('margin-left','0px');
$('.item').removeClass('m l autoheight');
$('.item').addClass('s');
}
// FIELD NOTES POSTS
if ($('.item.fieldnotes').length ) {
$('body').addClass('static');
$('#disqus_things, .sharers').show();
$('.item').addClass('autoheight');
}
// FIELD NOTES PAGE
if (document.location.href == "http://folkherofilms.tumblr.com/tagged/fieldnotes") {
$('body').addClass('static');
$('.item').removeClass('m s');
$('.item img').css('width','auto');
$('#disqus_things, .sharers').hide();
}
$tumblelog.masonry('appended', $newElems);
});
});
$tumblelog.imagesLoaded(function () {
$tumblelog.masonry({
columnWidth: function (containerWidth) {
return containerWidth / 100;
}
});
});
})();
// NOCAPTION POSTS
$('.item:not(:has(.caption))').addClass('nocaption');
</script>
</body>
<script>
$(function(){
// SITE LOADING
$(window).load(function() {
$("#maincontainer").css('visibility','visible');
});
})
</script>
</html>
{Title}
{块：描述}
{/block:Description}
var switchTo5x=真；选项（{发布者：'3a7d8263-9ce0-4500-9413-f40167dad735'}）；
$（函数（）{
//YT惰性负载
$（'.js lazyYT'）.lazyYT（）；
//索引页
如果（document.location.href==”http://folkherofilms.tumblr.com/") {
window.location.href=”http://folkherofilms.tumblr.com/index";
}
如果（document.location.href==”http://folkherofilms.tumblr.com/index") {
$（'body'）.addClass（'static'）；
$（'.item'）.addClass（'autoheight'）；
}
//案例研究页面
if（document.location.href.indexOf（'taged/'）>-1）{
$（'侧边栏'）.fadeIn（'慢'）；
}
//关于页面
如果（document.location.href==”http://folkherofilms.tumblr.com/about") {
$（'body'）.addClass（'static'）；
$（'.item img'）.css（'width'，'auto'）；
$（'.item'）.addClass（'autoheight'）；
}
//临时投资组合页面
如果（document.location.href==”http://folkherofilms.tumblr.com/portfolio") {
$（'body'）.addClass（'static'）；
$（'.item'）.addClass（'autoheight'）；
}
//公文包页面
如果（document.location.href==”http://folkherofilms.tumblr.com/tagged/portfolio") {
$（'#侧边栏，.shaerrs'）.css（'display'，'none'）；
$（'maincontainer，'headercontainer'）.css（'width'，'1040px'）；
$（'#maincainer'）.css（'top'，'190px'）；
$（'#container'）.css（'margin-left'，'0px'）；
$（'.item'）.removeClass（'mlautoheight'）；
$（'.item'）.addClass（'s'）；
}
//外地说明员额
如果（$（'.item.fieldnotes'）.length）{
$（'body'）.addClass（'static'）；
$（'discus#u things，.sharrs'）.show（）；
$（'.item'）.addClass（'autoheight'）；
}
//现场说明页
如果（document.location.href==”http://folkherofilms.tumblr.com/tagged/fieldnotes") {
$（'body'）.addClass（'static'）；
$（'.item'）.removeClass（'ms'）；
$（'.item img'）.css（'width'，'auto'）；
$（'#discus_things，.sharrs'）.hide（）；
}
//联系页面
如果（document.location.href==”http://folkherofilms.tumblr.com/contact") {
$（'body'）.addClass（'static'）；
}
//默认大小的帖子
$（'.item:not（.m，.l'））.addClass（'s'）；
//404页
if（$（'p:contains（“找不到您请求的URL”））.length>0{
$（'.item.sharrs'）.hide（）；
$（“#未找到”）.show（）；
}
});
html，正文{高度：100%}
#tumblr_控件，#tumblr_控件iframe{display:none！important}
身体{
保证金：0；
背景色：#ccc；
背景图像：url（“{image:background}”）；
字体系列：Pt Sans、Helvetica、Sans serif；
字体大小：14px；
-webkit字体平滑：抗锯齿；
颜色：{color:Text color}；
溢出x：隐藏；
}
.hide{显示：无！重要}
#网站信用{
位置：固定；
底部：6px；
右：10px；
}
#sitecredit img{宽度：21px；不透明度：0.5}
#sitecredit img:悬停{不透明度：0.9}
h3{字体大小：10px}
#discus_事物{显示：无}
#Discus_things.post{width:100%}
#主容器{
可见性：隐藏；
位置：相对位置；
顶部：200px；
宽度：1135px；
高度：100%；/*用于狩猎*/
保证金：0自动；
填充底部：100px；
}
#infscr正在加载{不透明度：0}
/*静态页面*/
.static#侧边栏{显示：无！重要}
.static#main container、.static#headercontainer、.static#container{宽度：910px}
.static#主容器{top:190px}
.static#容器{左边距：0px}
.static.item{宽度：850px；填充：10px 20px；位置：相对！重要；}
.static.sharers{display:none；margin:30px；}
.static.big{宽度：830px！重要；高度：467px！重要}
/*标题*/
#标题{
位置：固定；
z指数：50；$（）
显示：块；
宽度：100%；
高度：130像素；
背景图像：url（“{image:Header-background}”）；
背景色：#222；
填充：20px0；
字体大小：10px；
}
#主容器{
位置：相对位置；
保证金：0自动；
显示：块！重要；
宽度：910px；
过渡时间：0.5s；
-webkit转换持续时间：0.5s；
-moz转换持续时间：0.5s；
-o-过渡持续时间：0.5s；
}
#标题，#标题a{
颜色：#fff；
字母间距：1px；
文字装饰：无；
}
#头巾{
位置：相对位置；
左：170x；
}
#标题a{
字体大小：13px；
}
#标题div，#标题a{显示：内联块}
#标志{
身高：100%；
利润率：0.20px 0.30px；
}
/*边栏*/
#边栏{
位置：绝对位置；
显示：无；
排名：0；
宽度：100px；
文本对齐：居中；
利润率：0.10px；
}
#侧栏h1{
字体大小：12px；
字体大小：正常；
显示：块；
边框底部：1px纯黑；
}
#边栏a{
显示：块；
颜色：#5c5959；
垫底：2件；
文字装饰：无；
文本转换：大写；
填充：3倍；
宽度：91px；
利润率：10px0；
背景：#fff；
文本对齐：居中；
字体大小：11px；
}
/*职位*/
.项目a{
颜色：{color:Text color}；
颜色：#666；
字体大小：粗体；
文字装饰：无；
}
.a项：悬停{color:{color:链接下划线}
.read_more{文本转换：大写}
#未找到{
显示：无；
利润率：10px 0 129px；
字体：斜体；
字体大小：20px；
文本对齐：居中；
字母间距：1px；
宽度：500px；
}
.notfound-404{
字体大小：300px；
字体大小：粗体；
利润率：0.10px；
字体系列：arial；
字体风格：普通；
显示：块；
线高：220px；
字母间距：-9px；
文本对齐：左对齐；
}
#容器{
z指数：0；
显示：内联块；
左边距：115px；
宽度：1200px；
}
.项目{
溢出：隐藏；
背景色：#fff；
利润率：10px；
}
.item img{显示：块；最小宽度：100%；高度：100%；宽度：自动；}
.项目p img{最大宽度：100%；高度：自动}
.item iframe{宽度：100%；高度：100%；}
部门js-lazyY
// MASONRY
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
columnWidth: 1,
isOriginTop: true,
itemSelector : '.item'
});
});
$tumblelog.imagesLoaded(function () {
$tumblelog.masonry({
columnWidth: 1,
isOriginTop: true,
itemSelector : '.item'
});
});