Advertisement
clamam

Theme #022

May 30th, 2015
823
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.62 KB | None | 0 0
  1. <html><head>
  2. <title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}
  5. <meta name="description" content="{MetaDescription}"/>{/block:Description}
  6.  
  7.  
  8. <!--
  9. Theme by clamam ❥
  10. http://clamam.tumblr.com/
  11. -->
  12.  
  13. <meta name="image:image background" content="" />
  14. <meta name="color:background" content="#fafafa"/>
  15. <meta name="color:post header" content="#ffffff"/>
  16. <meta name="color:title" content="#90736d"/>
  17. <meta name="color:text" content="#505050"/>
  18. <meta name="color:links" content="#505050"/>
  19. <meta name="color:links hover" content="#90736d"/>
  20. <meta name="color:blockquote" content="#eeeeee"/>
  21. <meta name="color:border" content="#f6f6f6"/>
  22. <meta name="color:scrollbar" content="#90736d"/>
  23. <meta name="color:selection" content="#000000"/>
  24. <meta name="color:audio" content="#fafafa"/>
  25.  
  26. <meta name="if:background repeat" content="0"/>
  27. <meta name="if:post justify" content="1"/>
  28. <meta name="if:photos black white" content="0"/>
  29. <meta name="if:photos vintage" content="0"/>
  30. <meta name="if:photos fade" content="0"/>
  31.  
  32. <meta name="select:font posts" content="calibri" title="Calibri"/>
  33. <meta name="select:font posts" content="'Arvo', serif" title="Arvo"/>
  34. <meta name="select:font posts" content="georgia" title="Georgia"/>
  35. <meta name="select:font posts" content="gibson" title="Gibson"/>
  36. <meta name="select:font posts" content="cambria" title="Cambria"/>
  37. <meta name="select:font posts" content="Istok Web, sans-serif" title="Istok Web"/>
  38.  
  39. <meta name="text:subtitle" content="subtitle" />
  40. <meta name="text:title size" content="22" />
  41. <meta name="text:description size" content="13" />
  42. <meta name="text:links size" content="13" />
  43. <meta name="text:post size" content="13" />
  44. <meta name="text:source size" content="13" />
  45.  
  46. <meta name="text:Link 1 Title" content="link 1" />
  47. <meta name="text:Link 1" content="/" />
  48. <meta name="text:Link 2 Title" content="link 2" />
  49. <meta name="text:Link 2" content="/" />
  50. <meta name="text:Link 3 Title" content="link 3" />
  51. <meta name="text:Link 3" content="/" />
  52. <meta name="text:Link 4 Title" content="link 4" />
  53. <meta name="text:Link 4" content="/" />
  54. <meta name="text:Link 5 Title" content="link 5" />
  55. <meta name="text:Link 5" content="/" />
  56. <meta name="text:Link 6 Title" content="créditos" />
  57. <meta name="text:Link 6" content="http://clamam.tumblr.com/" />
  58.  
  59. <style type="text/css">
  60. body {background:{color:background}; color: {color:text}; font-family:{select:font posts}; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} -webkit-animation:Fade 5s; font-size:{text:post size}px; background-image:url('{image:image background}'); background-attachment:fixed; background-repeat: no-repeat; background-size:100% 100%; line-height:160%;
  61. cursor: url('https://31.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default!important;}
  62. {block:Ifbackgroundrepeat} body {background:{color:background}; color: {color:text}; font-family:{select:font posts}; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} -webkit-animation:Fade 5s; font-size:{text:post size}px; background-image:url('{image:image background}'); background-attachment:fixed; background-repeat: repeat; line-height:160%;
  63. cursor: url('https://31.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default!important;}{/block:Ifbackgroundrepeat}
  64.  
  65. a {color:{color:text}; text-decoration:none; text-transform:none;}
  66. a:hover {color: {color:text}; background-color:transparent; text-decoration:none; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;} p { margin:6px 0 0 0 }
  67. blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left:
  68. 1px solid {color:blockquote};}
  69.  
  70. #center {width:600px; position:relative; margin-left:auto; margin-right:auto; margin-top:0px; overflow:hidden; padding-right:10px;}
  71. #entry {width:400px; margin-top:-25px; margin-left:110px; padding-left:10px; padding-right:30px; padding-bottom:30px;}
  72. .posts {top:0px; margin:15px auto 0; float:left; width:450px; padding:10px; {block:IndexPage} width:450px; position:relative; {/block:IndexPage} {block:PermalinkPage} width: 450px; {/block:PermalinkPage};}
  73.  
  74. h1 {font-family: 'Philosopher', sans-serif; text-align:left; font-size:15px; color: {color:title}; font-weight: normal; line-height: 15px;}
  75. h1 a {color: {color:title}; text-align:left; font-size:15px; font-weight: normal; line-height: 15px;}
  76. h1 a:hover {text-align: left; font-size:13px; color: {color:links hover}; font-weight:normal; line-height:20px; letter-spacing:.5px;}
  77.  
  78. .source {display: none;}
  79. .but {border-radius:5px; padding:0px; overflow: hidden; float:left; position:relative; margin:1px; {block:indexpage} width:450px; {/block:indexpage}{block:PermalinkPage}width:450px;{/block:PermalinkPage};}
  80. .extra1 {width: 450px; text-indent: 5px; margin-bottom: 2px; padding-left: 0px; padding-top: 5px; padding-bottom: 4px; padding-right:0px; margin-left:0px; margin-right:0px; border-bottom:1px {color:border}; solid; line-height:15px;}
  81.  
  82. .caixinha {opacity:0; position: absolute; text-align: center; height:20px; line-height:20px; text-transform:uppercase;
  83. bottom:0px; left:2%; -webkit-transition-duration: 0.9s; z-index:99; -webkit-transition: opacity 0.5s linear; opacity: 0.0;; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -webkit-transition: all 0.6s ease-out; -o-transition:All 1s ease; font-family:calibri; font-size:9px; background:{color:post header}; width:auto; position:left;position:left;}
  84. .posts:hover .caixinha {opacity:1; bottom:7px; border-radius:2px; position:left;}
  85. .caixinha a {position:right; font-family:calibri; font-size:10px; text-transform:uppercase; letter-spacing:.5px; color:{color:text}; font-style:normal;}
  86. .posts .pupu {width:240px; height: 16px; font-family:calibri; font-size: 10px; text-transform:uppercase; position: absolute; line-height: 15px; text-align:center; opacity:.8; text-decoration: none;}
  87. .posts:hover .pupu {bottom:5px; opacity:1;-webkit-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.1s linear;}
  88. .rebutton{opacity:0; position:absolute; text-align:center; background:; border-radius:3px; padding:5px 5px 5px; transition:all 1s ease; top:0px; right:15px;}
  89. .posts:hover .rebutton {opacity:1; position:absolute; right:15px; top:15px; transition:all 1s ease;}
  90. .heart {opacity:0; position:absolute; text-align:center; background:; border-radius:3px; padding:3px 5px 3px; transition:all 1s ease; top:0px; right:40px;}
  91. .posts:hover .heart {opacity:1; position:absolute; right:40px; top:15px; transition:all 1s ease;}
  92.  
  93. .psiu {position: absolute; text-align:right; height:10px; line-height:10px; bottom:0px; right:3%; z-index:99; font-family:calibri; font-size:10px; background:{color:post header}; width:auto; position:right;position:right; color:{color:text}; padding:5px; text-decoration: none;}
  94. .posts:hover .psiu{color:{color:links hover};}
  95. .psiu a{position:right; font-family:century gothic; font-size:{text:tamanho do permalink}px; color:{color:links}; font-style:normal;}
  96. ol.notes {list-style: none; width:450px; margin-left:-40px;}
  97. ol.notes li.note {margin-bottom: 2px; padding-left: 7px; padding-top: 5px; padding-bottom: 4px; padding-right: 5px;text-transform: lowercase; line-height: 25px; border-bottom:1px {color:border}; width:450px;}
  98. ol.notes li.note img.avatar {display:inline; width:16px; height:16px; border-radius:30px;}
  99. ol.notes li.note .answer_content {font-weight: normal;}
  100. ol.notes li.note blockquote {display: none;}
  101.  
  102. .questao {padding: 5px; text-align:left; z-index: 1; font-family:{select:font posts}; font-size: {text:post size}px;}
  103. .pergunta {font-size: 13px; font-family:calibri; right:-3px; margin-top:-10px; text-align:right; border-bottom:1px solid {color:border}; text-decoration:none; text-transform:none;important}
  104. .resposta { width:98%; padding: 2px; font-size:{text:post size}px; margin-top:-20px;}
  105.  
  106. #s-m-t-tooltip {position:absolute; height:15px; width:auto; margin-top:15px; padding:5px; line-height:15px; z-index:999999999; font-size:10px; color:{color:text}; text-align:center; font-family:calibri; text-transform:uppercase; letter-spacing:.5px; box-shadow: 1px 1px 0px #E6E1E5; background:{color:background};}
  107. #s-m-t-tooltip:after {content: ''; position: absolute; display:block; z-index:9;}
  108.  
  109. /*liriadas*/.audio-box {float:right; text-align:right; display:inline-block; margin-top:-4px;}
  110. .audio {font-family:calibri; font-size:10px; letter-spacing:.1em; text-transform:uppercase; padding:5px; margin-bottom:1px; width:95%; background:{color:audio}; font-style:normal;}
  111. #music-holder {float:left; width:90px; height:90px;}
  112. #album-art {position:absolute; overflow:hidden; float:left; width:90px; height:90px;}
  113. #album-art img {width:100px; position:absolute; float:left;}
  114. #music-art {position:absolute; float:left; width:90px; height:90px;}
  115. #music-circle {position:absolute; width:46px; height:46px; border-radius:23px; background-color:white; z-index:999999; margin:20px; opacity:.5;}
  116. #music-circle:hover {opacity:1;}
  117. #audio-player {position:absolute; overflow:hidden; height:28px; width:28px; margin:9px;}
  118. iframe#tumblr_controls, .lcredit.icon.theme {position:fixed!important; -webkit-filter:invert(100%); opacity:0.5; top:3px; text-transform:none;}
  119. iframe#tumblr_controls {position:fixed!important; -webkit-filter:invert(100%); margin-right:67px; opacity:.5; top:0px; text-transform:none;}/*fim liriadas*/
  120.  
  121. #hr {position:fixed; margin-left:-190px; width:300px; border-right:3px solid {color:border}; height:3000px; margin-top:-300px;}
  122.  
  123. #title {width:450px; color:{color:title}; margin-top:30px; margin-left:130px; position:relative; padding-bottom:10px; letter-spacing:.5px; text-align:justify; font-family: 'Philosopher', sans-serif; font-size:{text:title size}px; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}
  124. #title a {color:{color:title};}
  125.  
  126. #description {position:relative; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} font-family:{select:font posts}; line-height:160%; font-size:{text:description size}px; font-style:none; width:450px; margin-top:5px; margin-left:130px; color:{color:text}; padding-bottom:7px;}
  127. #description a {color:{color:text}; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  128.  
  129. #links {position:relative; display:block; font-size:{text:links size}px;
  130. font-family: 'Philosopher', sans-serif; letter-spacing:.5px; text-align:right; line-height:10px; width:100px; margin-top:10px; margin-left:10px; line-height:100%; color:{color:links};}
  131. #links a {float:right; display:block; text-align:right; color:{color:links}; padding:5px; -moz-transition-duration:1.1s; -webkit-transition-duration:1.1s; -o-transition-duration:1.1s;}
  132. #links a:hover {color:{color:links hover}; -moz-transition-duration:1.5s; -webkit-transition-duration:1.5s; -o-transition-duration:1.5s;}
  133.  
  134. .menuhover a::before, .menuhover a::after {display:inline-block; opacity:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s;}
  135. .menuhover a::before {padding-right:2px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px);}
  136. .menuhover a::after {padding-left:2px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px);}
  137. .menuhover a:hover::before, .menuhover a:hover::after, .menuhover a:focus::before, .menuhover a:focus::after {opacity: 1;-webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
  138.  
  139. b, strong{color:{color:title};}
  140. i, em{color: {color:title}; font-family: 'Lora', serif;}
  141. s{color: {color:title};}
  142. u{border-bottom: {color:title}; color: {color:title};}
  143. a:link,a:active,a:visited {color: {color:links}; -webkit-transition-duration: .90s;} a:hover { color: {color:links hover};} .vsanna {display:none;}
  144.  
  145. #scrollToTop:link,#scrollToTop:visited {color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; right: 15px; opacity:.5;}
  146.  
  147. #captions {font-size:10px; font-familY:calibri; letter-spacing:1px; text-align:center; background:{color:border}; padding:10px; margin-top:10px; margin-bottom:10px; color:{color:text};}
  148.  
  149. /*thoughtandsoul*/.chat{line-height:200%; list-style:none}
  150. .chat ul {line-height:200%; list-style:none; padding: 10px;}
  151. .person1 {background-color:{color:chat}; color:{color:text};}
  152. .person1 .label {padding:0px; margin-left:3px; color:{color:title}; text-transform:uppercase; font-family:calibri; letter-spacing:.1em;}
  153. .person2 {background-color:transparent; color:{color:text};}
  154. .person2 .label {padding:0px; margin-left:3px; color:{color:title}; text-transform:uppercase; font-family:calibri; letter-spacing:.1em;}/* fim thoughtandsoul*/
  155.  
  156. {block:Ifphotosfade} img{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);} img:hover{opacity:0.9; -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}{/block:Ifphotosfade}
  157. {block:Ifphotosblackwhite} img{-webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;} img:hover{ -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  158. -o-transition:All 1s ease;}{/block:Ifphotosblackwhite}
  159. {block:Ifphotosvintage}img{-webkit-filter:grayscale.300; -webkit-filter: grayscale(40%); transition:all 1s ease;} img:hover{ -webkit-filter:grayscale(0);}{/block:Ifphotosvintage}
  160.  
  161. .quote {font-family:{select:font posts}; line-height:160%; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} font-size:{text:post size}px;}
  162. .quotesource {font-family:'Philosopher', sans-serif; text-align:right; margin-top:5px; font-size:{text:source size}px; letter-spacing:.5px;}
  163.  
  164. ::selection {background: {color:selection}; color: {color:title};}
  165. ::-moz-selection {background: {color:selection};color: {color:title};}
  166. @-webkit-keyframes Fade {0% {opacity:0;} 100% {opacity:1;}}
  167. ::-webkit-scrollbar {background-color:transparent; height:1px; width:3px}
  168. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;border-radius:0px;}
  169. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:1px!important}
  170.  
  171. </style>
  172. <link href='http://fonts.googleapis.com/css?family=Niconne|Pinyon+Script|Homemade+Apple' rel='stylesheet' type='text/css'>
  173. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  174. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  175. <script> (function($){ $(document).ready(function(){ $("a[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:90, tip_fade_speed:600, attribute:"title"});});})(jQuery);</script>
  176. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/a3buyye/sUzngt46k/arrows-back-icon.png" border="0"></a>
  177. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  178. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css">
  179. <link href='http://fonts.googleapis.com/css?family=Philosopher:400,700' rel='stylesheet' type='text/css'>
  180. <link href='http://fonts.googleapis.com/css?family=Arvo|Lora:700italic|Baumans' rel='stylesheet' type='text/css'>
  181. </head>
  182. <body>
  183.  
  184.  
  185. <div id="center">
  186. <div id="hr"></div>
  187. <div id="title">{text:subtitle}</div>
  188. <div id="description">{description}</div>
  189. <hr width="100%" color="{color:border}"/>
  190. <div id="links" class="menuhover">
  191. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  192. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  193. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  194. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  195. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  196. <a href="{text:Link 6}">{text:Link 6 Title}</a>
  197. </div>
  198.  
  199. <div id="entry">
  200. {block:Posts}
  201. <p>
  202. <div class="posts">
  203.  
  204. {block:Text}
  205. <div class="caixinha">
  206. <a href="{Permalink}">{NoteCount} </a><font>-</font>
  207. <a href="{ReblogURL}"> reblogar</a>
  208. </div>
  209. {block:Title}
  210. <h1>{Title}</h1>
  211. {/block:Title}
  212. {Body}
  213. {/block:Text}
  214.  
  215. <div id="cap">
  216. {block:Photo}
  217. <div class="parol">
  218. {block:IndexPage}
  219. {LinkOpenTag}
  220. <a href="{permalink}">
  221. <div class="photo"><a><a href="{permalink}" title="{NoteCount} notas">
  222. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  223. </div>
  224. {LinkCloseTag}
  225. {/block:IndexPage}
  226. {block:PermalinkPage}
  227. {LinkOpenTag}
  228. <a href="{permalink}"><img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}" width="495"></a>
  229. {LinkCloseTag}
  230. {/block:PermalinkPage}
  231. {block:caption}<div id="captions">{caption}</div>{/block:caption}
  232. {block:IndexPage}
  233. <center><div class="heart">{LikeButton color="gray" size="13"}</div></center>
  234. <center><div class="rebutton">{ReblogButton color="gray" size="13"}</div></center>
  235. {/block:indexpage}
  236. </div> {/block:Photo}
  237.  
  238. {block:Photoset}
  239. {/block:PermalinkPage} {Photoset-400} {/block:PermalinkPage}
  240. {block:IndexPage}
  241. <center><div class="heart">{LikeButton color="gray" size="13"}</div></center>
  242. <center><div class="rebutton">{ReblogButton color="gray" size="13"}</div></center>
  243. {/block:indexpage}
  244. {/block:Photoset}
  245.  
  246. {block:Quote}
  247. <div class="caixinha">
  248. <a href="{Permalink}">{NoteCount} </a><font>-</font>
  249. <a href="{ReblogURL}"> reblogar</a>
  250. </div>
  251. <div class="quote">{Quote}</div>
  252. {block:Source}
  253. <div class="quotesource"> {Source}</div>
  254. {/block:Source}
  255. {/block:Quote}
  256.  
  257. {block:Link}
  258. <div class="caixinha">
  259. <a href="{Permalink}">{NoteCount} </a><font>-</font>
  260. <a href="{ReblogURL}"> reblogar</a></div>
  261. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  262. {block:Description}{Description}{/block:Description}
  263. {/block:Link}
  264.  
  265. {Block:chat}
  266. <div class="caixinha">
  267. <a href="{Permalink}">{NoteCount} </a><font>-</font>
  268. <a href="{ReblogURL}"> reblogar</a>
  269. </div>
  270. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  271. <div class="chat"><ul>{block:Lines}
  272. <li class="person{UserNumber}">{block:Label}
  273. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  274. {/block:chat}
  275.  
  276. {block:Audio}
  277. <div class="caixinha">
  278. <a href="{Permalink}">{NoteCount} </a><font>-</font>
  279. <a href="{ReblogURL}"> reblogar</a>
  280. </div>
  281. <div class="text">
  282. <div id="music-holder">
  283. <div id="album-art">
  284. <img src="http://static.tumblr.com/5u1fog0/FH8n72jmn/music.jpg">
  285. {block:AlbumArt}<div id="music-art"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  286. <div id="music-circle"><div id="audio-player">{AudioPlayerWhite}</div></div></div></div>
  287. <div class="audio-box">
  288. {block:TrackName}<div class="audio">{TrackName}.</div>{/block:TrackName}
  289. {block:Artist}<div class="audio">{Artist}.</div>{/block:Artist}
  290. {block:PlayCount}<div class="audio"><b>{PlayCount}</b> plays.</div>{/block:PlayCount}</div>
  291. {/block:Audio}
  292.  
  293. {block:Video}{block:IndexPage}
  294. <div class="caixinha">
  295. <a href="{Permalink}">{NoteCount} </a><font>-</font>
  296. <a href="{ReblogURL}"> reblogar</a>
  297. </div>{/block:IndexPage}
  298. {Video-400}{/block:Video}
  299.  
  300. {block:Answer}{block:IndexPage}
  301. <div class="questao">{Question}</div>
  302. <p>
  303. <div class="pergunta"><font family="calibri" style="normal" text-transform="uppercase">—</font> <i>{asker}</i></div><br>
  304. <div class="resposta">{Answer}</div>
  305. {/block:IndexPage}{block:PermalinkPage}
  306. <div class="posts2">
  307. <div class="questao">{Question}</div>
  308. <p>
  309. <div class="pergunta">— <i>{asker}</i></div><br>
  310. <div class="resposta">{Answer}</div>
  311. {/block:PermalinkPage}
  312. <div class="psiu">
  313. <a href="{Permalink}">{NoteCount} </a><font color="{color:title}">♥</font>
  314. </div>{/block:Answer}</div>
  315.  
  316. <div class="vsanna">
  317. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  318. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  319. {/block:RebloggedFrom}
  320. </div>
  321. {block:PostNotes}
  322. {block:PermalinkPage}
  323. <!---cojuntar--->
  324. <div class="posts">
  325. <div class="but">{block:Date}
  326. <div class="extra1">
  327. <a> Posted on: {Month} {DayOfMonth}, {Year}</div>{/block:Date}{block:RebloggedFrom}
  328. <div class="extra1">
  329. <a> Shared: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>.</div>
  330. <div class="extra1">
  331. <a> Source: {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  332. <div class="extra1">
  333. <a> With: {NoteCountWithLabel}.</div>
  334. {/block:RebloggedFrom}{/block:PermalinkPage}{PostNotes}</div></div>{/block:PostNotes}{/block:Posts}
  335. </div></div>
  336. {block:IndexPage}
  337. <div class="column navigation" id="navigation">
  338. {block:Pagination}
  339. {block:PreviousPage}
  340. <a href="{PreviousPage}" class="navigate">
  341. {/block:PreviousPage}
  342. {block:PreviousPage}</a>
  343. {/block:PreviousPage}
  344. {block:NextPage}
  345. <a href="{NextPage}" class="navigate" id="nextPage">
  346. {/block:NextPage}
  347. {block:NextPage}</a>{/block:NextPage}
  348. {/block:Pagination}
  349. </div>
  350. {/block:IndexPage}
  351.  
  352. <a class="lcredit icon theme" title="Clamam Themes" href="http://clamam.tumblr.com" target="_blank">Install</a>
  353.  
  354. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  355. </body>
  356.  
  357. <script language="javascript">
  358. function clickIE() {if (document.all) {(mensagem);return false;}}
  359. function clickNS(e) {if
  360. (document.layers||(document.getElementById&&!document.all)) {
  361. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  362. if (document.layers)
  363. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  364. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  365. document.oncontextmenu=new Function("return false")
  366. </script>
  367. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  368. <script src="http://static.tumblr.com/stnnkm0/36Hno1p6t/mhinfinitescroll.js"></script>
  369. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  370. <script>
  371. $(function(){
  372. var $container = $('#entry');
  373. $container.imagesLoaded(function(){
  374. $container.masonry({
  375. itemSelector: '.posts',
  376. columnWidth: 380
  377. });
  378. });
  379. $container.infinitescroll({
  380. navSelector : "div#navigation",
  381. nextSelector : "div#navigation a#nextPage",
  382. itemSelector : '.posts',
  383. loading: {
  384. finishedMsg: ' ',
  385. img: ' '
  386. }
  387. },
  388. function( newElements ) {
  389. var $newElems = $( newElements ).css({ opacity: 0 });
  390. $newElems.imagesLoaded(function(){
  391. $newElems.animate({ opacity: 1 });
  392. $container.masonry( 'appended', $newElems, true );
  393. });
  394. }
  395. );
  396.  
  397. });
  398. </script>
  399. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement