API tools faq
paste
Advertisement
tannyoliveira

tema dois

tannyoliveira
May 4th, 2014
720
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.26 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.  
  3. <!--
  4. THEME BASE FULAN-A,
  5. THEME POR SOWSLY NÃO RETIRE OS CREDITOS.
  6. -->
  7.  
  8. <html lang="en">
  9. <head>
  10.  
  11. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Ropa+Sans' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Quando' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Capriola' rel='stylesheet' type='text/css'>
  18.  
  19. <meta charset="utf-8" />
  20.  
  21. <meta name="color:background" content="#ddd"/>
  22. <meta name="color:scrollbar"content="#000"/>
  23. <meta name="color:posts" content="#ddd"/>
  24. <meta name="color:text" content="#000"/>
  25. <meta name="color:links" content="#000"/>
  26. <meta name="color:border" content="#ddd"/>
  27. <meta name="color:hover" content="#97c5e0"/>
  28. <meta name="color:sidebar" content="#fff"/>
  29. <meta name="color:scrollbar" content="#fff"/>
  30. <meta name="image:background" content="" />
  31. <meta name="image:sidebar" content="http://37.media.tumblr.com/e5dd1fdd028870a4d2eaa19e07b94d42/tumblr_n4huwf3T2g1r93x39o1_500.jpg" />
  32.  
  33. <meta name="text:simbolo" content="✖✖✖✖✖" />
  34. <meta name="text:Link1" content="" />
  35. <meta name="text:Link1 Title" content="link" />
  36. <meta name="text:Link2" content="" />
  37. <meta name="text:Link2 Title" content="link" />
  38. <meta name="text:Link3" content="" />
  39. <meta name="text:Link3 Title" content="link" />
  40. <meta name="text:Link4" content="" />
  41. <meta name="text:Link4 Title" content="link" />
  42.  
  43. <meta name="if:PostWidth250px" content="1"/>
  44.  
  45.  
  46. <title>{Title}</title>
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50.  
  51. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  52. <style type="text/css">
  53.  
  54.  
  55. /***----------------- follow branco -------------***/
  56.  
  57. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  58.  
  59. /** Scrollbar, sowsly **/
  60.  
  61. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  62. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  63.  
  64.  
  65.  
  66. /** Basic Styles **/
  67.  
  68. body {
  69. font-size: 12px;
  70. font-family: Ropa Sans, Arial, sans-serif;
  71. color:{color:text};
  72. letter-spacing:0px;
  73. line-height:14px;
  74. background:{color:Background} url('{image:Background}') repeat fixed center top;
  75. margin:0px;
  76. }
  77. a {
  78. color:{color:links};
  79. text-decoration:none;
  80. -webkit-transition: all 0.2s linear;
  81. -moz-transition: all 0.2s linear;
  82. transition: all 0.2s linear;
  83. }
  84. a:hover {
  85. {block:IfUnderlineLinks}
  86. text-decoration:underline;
  87. {/block:IfUnderlineLinks}
  88. -webkit-transition: all 0.2s linear;
  89. -moz-transition: all 0.2s linear;
  90. transition: all 0.2s linear;
  91. color:{color:hover};
  92. }
  93. a:active {
  94. outline:none;
  95. }
  96. a:focus {
  97. -moz-outline-style: none;
  98. }
  99. :-moz-any-link:focus {
  100. outline: none;
  101. }
  102. h1 {
  103. margin: 10px 0;
  104. font-size:18px;
  105. line-height:18px;
  106. font-weight:normal;
  107. }
  108. p {
  109. margin: 10px 0;
  110. }
  111. ol, ul{
  112. margin: 10px 0;
  113. padding-left:25px;
  114. }
  115. blockquote {
  116. margin: 10px 0;
  117. padding-left:10px;
  118. border-left:{color:text} 1px solid;
  119. }
  120. img {
  121. vertical-align: bottom;
  122. }
  123. hr {
  124. color:{color:text};
  125. background-color:{color:text};
  126. height:1px;
  127. border:0;
  128. }
  129. .transition{
  130. -webkit-transition: all 0.2s linear;
  131. moz-transition: all 0.2s linear;
  132. transition: all 0.2s linear;
  133. }
  134.  
  135.  
  136.  
  137.  
  138. /** Sidebar **/
  139.  
  140. .sidebar {width:250px; height:100%;padding:0px;position:fixed;margin-left:250px; margin-top: 113px; background-color: transparent; }
  141.  
  142.  
  143.  
  144. .sidebarimage img {margin-left:-118px; width:160px; height:220px; padding:5px;background-color:transparent;position:fixed; -webkit-transition-duration: 2.0s; border:1px solid #eee;}
  145.  
  146. .sidebarimage img:hover {opacity: 0.5; -webkit-transition-duration: 1.0s;}
  147.  
  148.  
  149. .sidebarimage img:hover {opacity:0.5;
  150. }
  151.  
  152.  
  153. #links { margin-top: 347px; margin-left:150px; width:135px; color:; overflow: hidden; text-align: center; position:fixed; position:fixed; height: auto; line-height: 16px; text-transform:uppercase ;font-size:12px; color:; font-style:;border-bottom:0px dotted #b8b8b8}
  154. #links a{font-family:cambria; font-size:8px ; color:; padding:0px;; font-style:; letter-spacing:1px; text-transform:uppercase;}
  155. #links a:hover{text-decoration:none;}
  156.  
  157.  
  158.  
  159. #desc { width:155px;position: fixed;font-style:bold; font-family:cambria; font-size:9px; line-height:9px; text-align:center; color:; padding:5px;margin-top:400px;margin-left:135px;padding:0px;text-transform:none; font-style:none; color:; letter-spacing:0px;
  160. background-color:none ;}
  161.  
  162. #simb { width:155px;position: fixed;font-style:bold; font-family:cambria; font-size:15px; line-height:9px; text-align:center; color:; padding:5px;margin-top:390px;margin-left:135px;padding:0px;text-transform:none; font-style:none; color:; letter-spacing:0px;
  163. background-color:none ;}
  164. #simb a{font-family:cambria; font-size:20px ; color:{color:hover}; padding:0px;; font-style:; letter-spacing:1px; text-transform:uppercase;}
  165. #simb a:hover{text-decoration:none;color:{color:text}}
  166.  
  167. #borda {z-index:9999;background:;
  168. position: fixed;
  169. margin-left: 335px;
  170. width: 2px;
  171. border: 0px solid #dcdcdc;
  172. height: 1080px;
  173. margin-top: 0px;
  174. opacity:0.90; background-color:#eeeeee;}
  175.  
  176.  
  177.  
  178.  
  179.  
  180. /** Posts **/
  181.  
  182. #container{
  183. width:540px{/block:IfPostWidth250px}
  184. {/block:If2Columns};
  185. {block:IfNot1Column}
  186. {block:PermalinkPage}
  187. width:520px;
  188. {/block:PermalinkPage}
  189. {/block:IfNot1Column}
  190. padding:5px;
  191. margin-left:360px;
  192. {block:IfSwitchSidebar}
  193. margin-left:0;
  194. {/block:IfSwitchSidebar}
  195. }
  196. #relativity {
  197. position:relative;
  198. width:100%;height:100%;
  199. }
  200. .entry {
  201. overflow:hidden;
  202. background:{color:Posts};
  203. margin:5px;
  204. width:
  205. {block:IfPostWidth500px}500px{/block:IfPostWidth500px}
  206. {block:IfPostWidth250px}250px{/block:IfPostWidth250px};
  207. {block:IfNot1Column}
  208. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  209. {/block:IfNot1Column}
  210. padding:4px;
  211. float:left;
  212. position:relative;
  213. border:1px solid {color:border};
  214. {block:IfBoxShadow}
  215. box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  216. -moz-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  217. -webkit-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  218. {/block:IfBoxShadow}
  219. }
  220. .textbox {
  221. margin:-5px 5px;
  222. }
  223. .textbox img {
  224. max-width:100%;
  225. height:auto;
  226. }
  227. .entry .question{
  228. padding: 10px;
  229. margin:5px 5px 0 5px;
  230. border: 1px solid rgba(0,0,0,0.2);
  231. border-bottom:0;
  232. }
  233. .entry .nipple{
  234. margin: 0 5px;
  235. background: url('http://media.tumblr.com/tumblr_mbr0ub239n1qk7o6d.png') top left;
  236. height:6px;
  237. opacity:0.2;
  238. }
  239. .entry .questioner{
  240. margin:5px 0 0 19px;
  241. padding-bottom:5px;
  242. }
  243. .entry .questioner div{
  244. margin:0 0 0 5px;
  245. padding:3px 0;
  246. height:14px;
  247. display:inline-block;
  248. }
  249. .entry ul.chat{
  250. list-style:none;
  251. padding-left:0;
  252. }
  253. .entry ul.chat li{
  254. padding:5px;
  255. border-top:1px solid {color:Posts Text};
  256. }
  257. .entry ul.chat li:first-child{
  258. border:0;
  259. padding-top:0px;
  260. }
  261. .entry ul.chat li:last-child{
  262. padding-bottom:0px;
  263. }
  264. ol.notes {
  265. width: 100%;
  266. padding: 0;
  267. list-style-type: none;
  268. }
  269. ol.notes li.note {
  270. margin: 0;
  271. padding:0 0 8px 0;
  272. }
  273. ol.notes li.note:last-child{
  274. padding:0 0 2px 0;
  275. }
  276. ol.notes li.note img {
  277. margin: 0 2px -2px 0px;
  278. }
  279. ol.notes blockquote{
  280. margin:5px 0 0px 23px;
  281. padding-left:5px;
  282. }
  283. #infscr-loading{
  284. position: absolute;
  285. bottom: 0px;
  286. left: 50%;
  287. width:56px;
  288. height:21px;
  289. margin: 0 0 15px -28px;
  290. overflow:hidden;
  291. opacity:0.8;
  292. }
  293.  
  294. /** Post Hovers **/
  295.  
  296. .permatext{
  297. height:auto;
  298. line-height:100%;
  299. position:absolute;
  300. right:0px;
  301. bottom:0px;
  302. {block:IfPermalinkMovement}
  303. bottom:-5px;
  304. {block:IfPermalinkMovement}
  305. opacity:0;
  306. padding:0;
  307. background:{color:Posts};
  308. box-shadow:0 0 20px 5px {color:Posts};
  309. -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.2s linear;
  310. }
  311. .entry:hover .permatext{
  312. right:0px; bottom:0px;
  313. opacity:4;
  314. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  315. color:{color:hover};
  316. }
  317. .entry:hover .permatext:hover{
  318. opacity:4;
  319. color:{color:hover};
  320. }
  321. .gradient{
  322. position:absolute;
  323. left:0;
  324. height:14px;
  325. width:100%;
  326. text-align:center;
  327. opacity:0;
  328.  
  329. {block:IfNotPermalinkSwitch}
  330. bottom:0;
  331. padding:16px 0 10px 0;
  332. {block:IfPermalinkMovement}
  333. padding:16px 0 0px 0;
  334. {/block:IfPermalinkMovement}
  335. background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  336. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,{text:PermalinkOpacity})));
  337. background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  338. background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  339. background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  340. background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  341. {/block:IfNotPermalinkSwitch}
  342.  
  343. {block:IfPermalinkSwitch}
  344. top:0;
  345. padding:10px 0 16px 0;
  346. {block:IfPermalinkMovement}
  347. padding:0px 0 16px 0;
  348. {/block:IfPermalinkMovement}
  349. background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  350. background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,{text:PermalinkOpacity})));
  351. background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  352. background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  353. background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  354. background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  355. {/block:IfPermalinkSwitch}
  356.  
  357.  
  358. }
  359. .entry:hover .gradient{
  360. opacity:0.99;
  361. padding:16px 0 10px 0;
  362. {block:IfPermalinkSwitch}
  363. padding:10px 0 16px 0;
  364. {/block:IfPermalinkSwitch}
  365. }
  366. .gradient a:hover{
  367. text-decoration:none;
  368. }
  369. .gradient .reblogspan{
  370. color:transparent;
  371. width:13px;
  372. height:13px;
  373. background:url('http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png');
  374. display:inline-block;
  375. }
  376. .gradient .notespan{
  377. padding: 0 5px;
  378. color:#fff;
  379. font-family: Ropa Sans, Arial;
  380. font-size:14px;
  381. line-height:14px;
  382. }
  383. .my-like {
  384. cursor:pointer;
  385. color:transparent;
  386. width:13px;
  387. height:13px;
  388. background:url('http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png');
  389. display:inline-block;
  390. }
  391. .my-liked {
  392. cursor:pointer;
  393. color:transparent;
  394. width:13px;
  395. height:13px;
  396. background:url('http://media.tumblr.com/tumblr_mbp2zu4pim1qk7o6d.png');
  397. display:inline-block;
  398. }
  399.  
  400.  
  401. .notesilh {width:auto; height:12px; padding:5px; border-radius:10px; color:transparent; background:#fff; margin-left:0px; margin-top:10px;border:1px solid #f5f5f5; z-index:300;filter:alpha(opacity=0); opacity:0; font-size:11px; font-family:georgia;-webkit-transition-duration: .90s;position: absolute;}
  402.  
  403. .boxx:hover .notesilh {filter:alpha(opacity=99); opacity:99; width:auto; height:12px; padding:5px; border-radius:10px; color:#555; background:#fff; margin-left:10px; margin-top:20px; border:1px solid #f5f5f5; z-index:300;font-size:11px; font-family:georgia;-webkit-transition-duration: .90s;position: absolute;}
  404.  
  405.  
  406. body, a, a:hover { cursor:url(http://i.imgur.com/2qleX.jpg), auto }
  407.  
  408. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  409. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  410. </style></head>
  411.  
  412.  
  413. {CustomCSS}
  414.  
  415.  
  416. </style>
  417. <script>
  418. window.onload = function () {
  419. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  420. document.addEventListener( 'click', function ( event ) {
  421. var myLike = event.target;
  422. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  423. var frame = document.getElementById( 'my-like-frame' ),
  424. liked = ( myLike.className == 'my-liked' ),
  425. command = liked ? 'unlike' : 'like',
  426. reblog = myLike.getAttribute( 'data-reblog' ),
  427. id = myLike.getAttribute( 'data-id' ),
  428. oauth = reblog.slice( -8 );
  429. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  430. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  431. };
  432. }, false );
  433. };
  434. </script>
  435.  
  436. </head>
  437. <body>
  438.  
  439. <div class="sidebar">
  440.  
  441. <div class="sidebarimage"><img src="{image:sidebar}"></div>
  442. </div>
  443.  
  444.  
  445.  
  446. <div id="links"><div id="linkss">
  447.  
  448. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1} <small>▲ </small>
  449.  
  450. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} <small>▲ </small>
  451.  
  452. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3} <small>▲ </small>
  453.  
  454. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4} <small>▲ </small>
  455.  
  456. <a href="http://sowsly.tumblr.com">theme</a>
  457. </div>
  458.  
  459. </div>
  460.  
  461. <div id="borda">
  462.  
  463.  
  464. </div>{/block:IfPortraitImage}
  465. <div class="textbox">
  466.  
  467. <div id="simb"><a href="/">{text:simbolo}</div></a>
  468.  
  469. <div id="desc"><p>{Description}</p></div>
  470.  
  471. <a style="position:fixed;top:600px;left:25px;font-family:consolas;font-size:13px;text-decoration:none; opacity: 0.3;" href="http://sowsly.tumblr.com" title=" theme by sowsly">sowsly</a>
  472.  
  473. {block:IfNotLinksAfterDescription}
  474. <div class="description"><p>{Description}</p></div>
  475. {/block:IfNotLinksAfterDescription}
  476. </div></div>
  477.  
  478. <div id="container">
  479.  
  480. {block:Posts}
  481. <div class="entry">
  482. <div id="relativity">
  483.  
  484. {block:Text}
  485. <div class="textbox">
  486. {block:Title}
  487. <h1>{Title}</h1>
  488. {/block:Title}{Body}</div>{/block:Text}
  489.  
  490. {block:Photo}
  491. {block:IndexPage}<a href="{Permalink}">
  492. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  493. </a>
  494. {/block:IndexPage}
  495. {block:PermalinkPage}
  496. {LinkOpenTag}
  497. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  498. {LinkCloseTag}
  499. {/block:PermalinkPage}
  500. {/block:Photo}
  501.  
  502. {block:Photoset}
  503. <div style="margin-bottom:-4px;text-align:center;">
  504. {block:IndexPage}
  505. {block:IfPostWidth500px}
  506. {Photoset-500}
  507. {/block:IfPostWidth500px}{block:IfPostWidth400px}
  508. {Photoset-400}
  509. {/block:IfPostWidth400px}
  510. {block:IfPostWidth320px}
  511. {Photoset-250}
  512. {/block:IfPostWidth320px}
  513. {block:IfPostWidth250px}
  514. {Photoset-250}
  515. {/block:IfPostWidth250px}
  516. {/block:IndexPage}
  517. {block:PermalinkPage}
  518. {block:IfNot1Column}
  519. {Photoset-500}
  520. {/block:IfNot1Column}
  521. {block:If1Column}
  522. {block:IfPostWidth500px}
  523. {Photoset-500}
  524. {/block:IfPostWidth500px}
  525. {block:IfPostWidth400px}
  526. {Photoset-400}
  527. {/block:IfPostWidth400px}
  528. {block:IfPostWidth320px}
  529. {Photoset-250}
  530. {/block:IfPostWidth320px}
  531. {block:IfPostWidth250px}
  532. {Photoset-250}
  533. {/block:IfPostWidth250px}
  534. {/block:If1Column}
  535. {/block:PermalinkPage}
  536. </div>
  537. {/block:Photoset}
  538.  
  539. {block:Quote}
  540. <div class="textbox" style="text-align:center;">
  541. <h1>"{Quote}"</h1>
  542. {block:Source}
  543. <p>{Source}</p>
  544. {/block:Source}
  545. </div>
  546. {/block:Quote}
  547.  
  548. {block:Link}
  549. <div class="textbox">
  550. <h1> <a href="{URL}" class="link" {Target}>{Name}</a> </h1>
  551. {block:Description}
  552. <p>{Description}</p>
  553. {/block:Description}
  554. </div>
  555. {/block:Link}
  556.  
  557. {block:Chat}
  558. <div class="textbox">
  559. {block:Title}
  560. <a href="{Permalink}"><h1>{Title}</h1></a>
  561. {/block:Title}
  562. <ul class="chat">
  563. {block:Lines}
  564. <li class="{Alt} user_{UserNumber}">
  565. {block:Label}
  566. <span class="label" style="font-weight:bold">{Label}</span>
  567. {/block:Label}
  568. {Line}
  569. </li>
  570. {/block:Lines}
  571. </ul>
  572. </div>
  573. {/block:Chat}
  574.  
  575. {block:Audio}
  576. <div class="textbox" style="text-align:center;">
  577. <p>{AudioPlayerBlack}</p>
  578. <p>
  579. {block:TrackName}
  580. {TrackName}
  581. {/block:TrackName}
  582. {block:Artist}
  583. - {Artist}
  584. {/block:Artist}
  585. </p>
  586. </div>
  587. {/block:Audio}
  588.  
  589. {block:Video}
  590. <div style="text-align:center;margin-bottom:-4px;">
  591. {block:IndexPage}
  592. {block:IfPostWidth500px}
  593. {Video-500}
  594. {/block:IfPostWidth500px}
  595. {block:IfPostWidth400px}
  596. {Video-400}
  597. {/block:IfPostWidth400px}
  598. {block:IfPostWidth320px}
  599. {Video-250}
  600. {/block:IfPostWidth320px}
  601. {block:IfPostWidth250px}
  602. {Video-250}
  603. {/block:IfPostWidth250px}
  604. {/block:IndexPage}
  605. {block:PermalinkPage}
  606. {block:IfNot1Column}
  607. {Video-500}
  608. {/block:IfNot1Column}
  609. {block:If1Column}
  610. {block:IfPostWidth500px}
  611. {Video-500}
  612. {/block:IfPostWidth500px}
  613. {block:IfPostWidth400px}
  614. {Video-400}
  615. {/block:IfPostWidth400px}
  616. {block:IfPostWidth320px}
  617. {Video-250}
  618. {/block:IfPostWidth320px}
  619. {block:IfPostWidth250px}
  620. {Video-250}
  621. {/block:IfPostWidth250px}
  622. {/block:If1Column}
  623. {/block:PermalinkPage}
  624. </div>
  625. {/block:Video}
  626.  
  627. {block:Answer}
  628. <div class="question">
  629. {Question}
  630. </div>
  631. <div class="nipple"></div>
  632. <div class="questioner"><img src="{AskerPortraitURL-128}" width="20" height="20"/><div>{Asker}</div></div>
  633. <div class="textbox">{Answer}</div>
  634. {/block:Answer}
  635.  
  636. {block:IndexPage}
  637.  
  638. {block:Photo}
  639. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  640. {/block:Photo}
  641. {block:Video}
  642. <div class="gradient transition">
  643. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan">x</span></a>
  644. <a href="{Permalink}" title="Permalink"><span class="notespan">{NoteCount}</span></a>
  645. <span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">x</span></div>
  646. {/block:Video}
  647.  
  648. {block:Text}
  649. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  650. {/block:Text}
  651. {block:Photoset}
  652. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  653. {/block:Photoset}
  654. {block:Quote}
  655. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  656. {/block:Quote}
  657. {block:Link}
  658. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  659. {/block:Link}
  660. {block:Chat}
  661. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  662. {/block:Chat}
  663. {block:Audio}
  664. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  665. {/block:Audio}
  666. {block:Answer}
  667. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  668. {/block:Answer}
  669. {/block:IndexPage}
  670.  
  671. </div>
  672. </div>
  673.  
  674. {block:PermalinkPage}
  675. {block:Date}
  676. {block:Photo}
  677. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  678. {/block:Photo}
  679. {block:Photoset}
  680. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  681. {/block:Photoset}
  682. {block:Audio}
  683. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  684. {/block:Audio}
  685. {block:Video}
  686. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  687. {/block:Video}
  688.  
  689. <div class="entry">
  690. <div class="textbox">
  691. {block:NoteCount}
  692. <p>{NoteCountWithLabel}</p>
  693. {/block:NoteCount}
  694. <p>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year} @ {12HourWithZero}:{Minutes}{AmPm}</p>
  695. {block:RebloggedFrom}
  696. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a></p><p>originally <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  697. {/block:RebloggedFrom}
  698. {block:HasTags}
  699. <p>{block:Tags}
  700. <a href="{TagURL}">#{Tag}</a>
  701. {/block:Tags}</p>
  702. {/block:HasTags}
  703. </div></div>
  704. {/block:Date}
  705.  
  706. {block:PostNotes}
  707. <div class="entry">
  708. <div class="textbox">
  709. {PostNotes}
  710. </div></div>
  711. {/block:PostNotes}
  712. {/block:PermalinkPage}
  713.  
  714. {/block:Posts}
  715. </div></div>
  716.  
  717. {block:Pagination}
  718. <div id="pagination" style="display:none;">
  719. {block:NextPage}
  720. <a id="nextPage" href="{NextPage}"></a>
  721. {/block:NextPage}
  722. </div>
  723. {/block:Pagination}
  724.  
  725. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  726. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  727. <script type="text/javascript">
  728. $(window).load(function () {
  729. var $content = $('#container');
  730. $content.masonry({itemSelector: '.entry'}),
  731. $content.infinitescroll({
  732. navSelector : 'div#pagination',
  733. nextSelector : 'div#pagination a#nextPage',
  734. itemSelector : '.entry',
  735. loading: {
  736. finishedMsg: '',
  737. img: 'http://static.tumblr.com/beiywxc/VXem7gjgj/ajax-loader__7_.gif'
  738. },
  739. bufferPx : 600,
  740. debug : false,
  741. },
  742. // call masonry as a callback.
  743. function( newElements ) {
  744. var $newElems = $( newElements );
  745. $newElems.hide();
  746. // ensure that images load before adding to masonry layout
  747. $newElems.imagesLoaded(function(){
  748. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  749. });
  750. });
  751. });
  752. </script>
  753.  
  754. </body>
  755. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!