API tools faq
paste
malaxo-fobia

theme

malaxo-fobia
May 6th, 2013
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.37 KB | None | 0 0
raw download clone embed print report
  1. <! theme por mistaky | não copie e não retire os créditos, por favor !>
  2.  
  3. <!doctype html>
  4.  
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>
  12.  
  13.  
  14.  
  15. <meta charset="utf-8" />
  16.  
  17. <meta name="color:Background" content="#ddd"/>
  18. <meta name="color:Posts" content="#fff"/>
  19. <meta name="color:PostsText" content="#000"/>
  20. <meta name="color:PostsLinks" content="#000"/>
  21. <meta name="color:PostsHover" content="#000"/>
  22. <meta name="color:PostsOutline" content="#fff"/>
  23. <meta name="color:Scrollbar" content="#fff"/>
  24.  
  25. <meta name="image:Background" content="" />
  26.  
  27.  
  28.  
  29.  
  30. <meta name="text:titulo" content="Who holds the stars up in the sky?" />
  31.  
  32. <meta name="text:PermalinkOpacity" content="0.4" />
  33.  
  34.  
  35. <meta name="if:1Column" content="0"/>
  36. <meta name="if:2Columns" content="0"/>
  37. <meta name="if:3Columns" content="1"/>
  38.  
  39. <meta name="if:PostWidth500px" content="0"/>
  40. <meta name="if:PostWidth400px" content="0"/>
  41. <meta name="if:PostWidth320px" content="0"/>
  42. <meta name="if:PostWidth250px" content="1"/>
  43.  
  44. <meta name="if:SwitchSidebar" content="0"/>
  45.  
  46. <meta name="if:BoxShadow" content="1"/>
  47.  
  48. <meta name="if:PermalinkSwitch" content="0"/>
  49. <meta name="if:PermalinkMovement" content="1"/>
  50.  
  51. <meta name="if:LinkToAsk" content="1"/>
  52. <meta name="if:LinksAfterDescription" content="0"/>
  53.  
  54. <meta name="if:UnderlineLinks" content="1"/>
  55. <meta name="if:WebkitScrollbar" content="1"/>
  56. <meta name="if:FixedControls" content="1"/>
  57.  
  58. <meta name="text:Link1" content="link" />
  59. <meta name="text:Link1 Title" content="link1" />
  60. <meta name="text:Link2" content="Link" />
  61. <meta name="text:Link2 Title" content="link2" />
  62. <meta name="text:Link3" content="link" />
  63. <meta name="text:Link3 Title" content="link3" />
  64. <meta name="text:Link4" content="Link" />
  65. <meta name="text:Link4 Title" content="link4" />
  66. <meta name="text:Link5" content="link" />
  67. <meta name="text:Link5 Title" content="link5" />
  68. <meta name="text:Link6" content="link" />
  69. <meta name="text:Link6 Title" content="link6" />
  70.  
  71. <meta name="image:sidebar" content="" />
  72.  
  73. <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/uiqhh9x/372m6hyqw/up.png" border="0"></a>
  74.  
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83. <title>{Title}</title>
  84. <link rel="shortcut icon" href="{Favicon}">
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  86. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  87.  
  88. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  89. <style type="text/css">
  90.  
  91. /** Scrollbar, Tumblr Controls, Credit **/
  92.  
  93. {block:IfWebkitScrollbar}
  94. ::-webkit-scrollbar-thumb {-webkit-border-radius: 2px;border-radius: 2px;background:{color:Scrollbar};box-shadow: 0 0 0px 0 rgba(0,0,0,0.1) inset;}
  95. ::-webkit-scrollbar-track-piece {background:none;box-shadow: 0 0 0px 0 rgba(0,0,0,0.4) inset;}
  96. ::-webkit-scrollbar {background:{color:Background};width:5px;height:5px;}
  97. {/block:IfWebkitScrollbar}
  98.  
  99.  
  100. body {
  101. font-size: 12px;
  102. font-family:arial;
  103. color:{color:PostsText};
  104. letter-spacing:0px;
  105. line-height:14px;
  106. background:{color:Background} url('{image:Background}') repeat fixed center top;
  107. margin:0px;
  108. }
  109. a {text-decoration:none;
  110. color:{color:PostsLinks};
  111. -webkit-transition: all 0.2s linear;
  112. -moz-transition: all 0.2s linear;
  113. transition: all 0.2s linear;
  114. }
  115. a:hover {
  116. color:{color:PostsHover};
  117. {block:IfUnderlineLinks}
  118. text-decoration:none;
  119. {/block:IfUnderlineLinks}
  120. -webkit-transition: all 0.2s linear;
  121. -moz-transition: all 0.2s linear;
  122. transition: all 0.2s linear;
  123. }
  124.  
  125. a:hover {opacity; 0.8;
  126. text-shadow: 0px 0px 0px #000;
  127. -webkit-transition: all 0.4s linear;
  128. -webkit-transition: all 0.4s linear;
  129. -moz-transition: all 0.4s linear;
  130. transition: all 0.4s linear;}
  131.  
  132. a:active {
  133. outline:none;
  134. }
  135. a:focus {
  136. -moz-outline-style: none;
  137. }
  138. :-moz-any-link:focus {
  139. outline: none;
  140. }
  141. h1 {
  142. margin: 10px 0;
  143. font-size:18px;
  144. line-height:18px;
  145. font-weight:normal;
  146. }
  147. p {
  148. margin: 10px 0;
  149. }
  150. ol, ul{
  151. margin: 10px 0;
  152. padding-left:25px;
  153. }
  154. blockquote {
  155. margin: 10px 0;
  156. padding-left:10px;
  157. border-left:{color:PostsText} 1px solid;
  158. }
  159. img {
  160. vertical-align: bottom;
  161. opacity: 0.8;
  162.  
  163. }
  164.  
  165.  
  166. hr {
  167. color:{color:PostsText};
  168. background-color:{color:PostsText};
  169. height:1px;
  170. border:0;
  171. }
  172. .transition{
  173. -webkit-transition: all 0.2s linear;
  174. moz-transition: all 0.2s linear;
  175. transition: all 0.2s linear;
  176. }
  177.  
  178. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  179.  
  180.  
  181.  
  182. #scrollToTop {
  183. display:none;
  184. text-decoration:none;
  185. position:fixed;
  186. bottom:10px;
  187. right:10px;
  188. overflow:hidden;
  189. width:21px;
  190. height:21px;
  191. border:none;
  192. text-indent:100%;
  193. background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;
  194. opacity: .7;
  195. filter: alpha(opacity = 50);
  196. }
  197.  
  198. #toTopHover {
  199. width:11px;
  200. height:11px;
  201. display:block;
  202. overflow:hidden;
  203. float:left;
  204. opacity: 0;
  205. -moz-opacity: 0;
  206. filter:alpha(opacity=0);
  207. }
  208.  
  209. #scrollToTop:hover {
  210. opacity: 1;
  211. filter: alpha(opacity = 100);
  212. }
  213.  
  214. #scrollToTop:active, #toTop:focus {
  215. outline:none;
  216. }
  217.  
  218.  
  219.  
  220. #bigbox{
  221. position:absolute;
  222. {block:IfNotSwitchSidebar}
  223. left:50%;
  224. margin-left:
  225. {block:If1Column}
  226. {block:IfPostWidth500px}-395px{/block:IfPostWidth500px}
  227. {block:IfPostWidth400px}-345px{/block:IfPostWidth400px}
  228. {block:IfPostWidth320px}-305px{/block:IfPostWidth320px}
  229. {block:IfPostWidth250px}-270px{/block:IfPostWidth250px}
  230. {/block:If1Column}
  231. {block:If2Columns}
  232. {block:IfPostWidth500px}-655px{/block:IfPostWidth500px}
  233. {block:IfPostWidth400px}-555px{/block:IfPostWidth400px}
  234. {block:IfPostWidth320px}-475px{/block:IfPostWidth320px}
  235. {block:IfPostWidth250px}-405px{/block:IfPostWidth250px}
  236. {/block:If2Columns}
  237. {block:If3Columns}
  238. {block:IfPostWidth500px}-915px{/block:IfPostWidth500px}
  239. {block:IfPostWidth400px}-765px{/block:IfPostWidth400px}
  240. {block:IfPostWidth320px}-645px{/block:IfPostWidth320px}
  241. {block:IfPostWidth250px}-540px{/block:IfPostWidth250px}
  242. {/block:If3Columns};
  243. {/block:IfNotSwitchSidebar}
  244. {block:IfSwitchSidebar}
  245. right:50%;
  246. margin-right:
  247. {block:If1Column}
  248. {block:IfPostWidth500px}-135px{/block:IfPostWidth500px}
  249. {block:IfPostWidth400px}-85px{/block:IfPostWidth400px}
  250. {block:IfPostWidth320px}-45px{/block:IfPostWidth320px}
  251. {block:IfPostWidth250px}-10px{/block:IfPostWidth250px}
  252. {/block:If1Column}
  253. {block:If2Columns}
  254. {block:IfPostWidth500px}-395px{/block:IfPostWidth500px}
  255. {block:IfPostWidth400px}-295px{/block:IfPostWidth400px}
  256. {block:IfPostWidth320px}-215px{/block:IfPostWidth320px}
  257. {block:IfPostWidth250px}-145px{/block:IfPostWidth250px}
  258. {/block:If2Columns}
  259. {block:If3Columns}
  260. {block:IfPostWidth500px}-655px{/block:IfPostWidth500px}
  261. {block:IfPostWidth400px}-505px{/block:IfPostWidth400px}
  262. {block:IfPostWidth320px}-385px{/block:IfPostWidth320px}
  263. {block:IfPostWidth250px}-280px{/block:IfPostWidth250px}
  264. {/block:If3Columns};
  265. {/block:IfSwitchSidebar}
  266. }
  267.  
  268.  
  269.  
  270. #container{
  271. width:
  272. {block:If1Column}
  273. {block:IfPostWidth500px}520px{/block:IfPostWidth500px}
  274. {block:IfPostWidth400px}420px{/block:IfPostWidth400px}
  275. {block:IfPostWidth320px}340px{/block:IfPostWidth320px}
  276. {block:IfPostWidth250px}270px{/block:IfPostWidth250px}
  277. {/block:If1Column}
  278. {block:If2Columns}
  279. {block:IfPostWidth500px}1040px{/block:IfPostWidth500px}
  280. {block:IfPostWidth400px}840px{/block:IfPostWidth400px}
  281. {block:IfPostWidth320px}680px{/block:IfPostWidth320px}
  282. {block:IfPostWidth250px}540px{/block:IfPostWidth250px}
  283. {/block:If2Columns}
  284. {block:If3Columns}
  285. {block:IfPostWidth500px}1560px{/block:IfPostWidth500px}
  286. {block:IfPostWidth400px}1260px{/block:IfPostWidth400px}
  287. {block:IfPostWidth320px}1020px{/block:IfPostWidth320px}
  288. {block:IfPostWidth250px}810px{/block:IfPostWidth250px}
  289. {/block:If3Columns};
  290. {block:IfNot1Column}
  291. {block:PermalinkPage}
  292. width:520px;
  293. {/block:PermalinkPage}
  294. {/block:IfNot1Column}
  295. padding:5px;
  296. margin-left:30px;
  297. margin-top:15px;
  298. {block:IfSwitchSidebar}
  299. margin-left:0;
  300. {/block:IfSwitchSidebar}
  301. }
  302. #relativity {
  303. position:relative;
  304. width:100%;height:100%;
  305. }
  306. .entry {
  307. overflow:hidden;
  308. background:{color:Posts};
  309. margin:1px;
  310. width:
  311. {block:IfPostWidth500px}500px{/block:IfPostWidth500px}
  312. {block:IfPostWidth400px}400px{/block:IfPostWidth400px}
  313. {block:IfPostWidth320px}320px{/block:IfPostWidth320px}
  314. {block:IfPostWidth250px}250px{/block:IfPostWidth250px};
  315. {block:IfNot1Column}
  316. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  317. {/block:IfNot1Column}
  318. padding:4px;
  319. float:left;
  320. position:relative;
  321. border:1px solid {color:PostsOutline};
  322. {block:IfBoxShadow}
  323. box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  324. -moz-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  325. -webkit-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  326. {/block:IfBoxShadow}
  327. }
  328. .textbox {
  329. margin:-5px 5px;
  330. }
  331. .textbox img {
  332. max-width:100%;
  333. height:auto;
  334. }
  335. .entry .question{color:#000;}
  336. padding: 10px;
  337. margin:5px 5px 0 5px;
  338. border: 1px solid rgba(0,0,0,0.2);
  339. border-bottom:0;
  340. }
  341. .entry .nipple{
  342. margin: 0 5px;
  343. background: url('http://media.tumblr.com/tumblr_mbr0ub239n1qk7o6d.png') top left;
  344. height:6px;
  345. opacity:0.2;
  346. }
  347. .entry .questioner{
  348. margin:5px 0 0 19px;
  349. padding-bottom:5px;
  350. }
  351. .entry .questioner div{
  352. margin:0 0 0 5px;
  353. padding:3px 0;
  354. height:14px;
  355. display:inline-block;
  356. }
  357. .entry ul.chat{
  358. list-style:none;
  359. padding-left:0;
  360. }
  361. .entry ul.chat li{
  362. padding:5px;
  363. border-top:1px solid {color:Posts Text};
  364. }
  365. .entry ul.chat li:first-child{
  366. border:0;
  367. padding-top:0px;
  368. }
  369. .entry ul.chat li:last-child{
  370. padding-bottom:0px;
  371. }
  372. ol.notes {
  373. width: 100%;
  374. padding: 0;
  375. list-style-type: none;
  376. }
  377. ol.notes li.note {
  378. margin: 0;
  379. padding:0 0 8px 0;
  380. }
  381. ol.notes li.note:last-child{
  382. padding:0 0 2px 0;
  383. }
  384. ol.notes li.note img {
  385. margin: 0 2px -2px 0px;
  386. }
  387. ol.notes blockquote{
  388. margin:5px 0 0px 23px;
  389. padding-left:5px;
  390. }
  391. #infscr-loading{
  392. position: absolute;
  393. bottom: 0px;
  394. left: 50%;
  395. width:56px;
  396. height:21px;
  397. margin: 0 0 15px -28px;
  398. overflow:hidden;
  399. opacity:0.8;
  400. }
  401.  
  402. /** Post Hovers **/
  403.  
  404. .permatext{
  405. height:auto;
  406. line-height:100%;
  407. position:absolute;
  408. right:0px;
  409. bottom:0px;
  410. {block:IfPermalinkMovement}
  411. bottom:-5px;
  412. {block:IfPermalinkMovement}
  413. opacity:0;
  414. padding:0;
  415. background:{color:Posts};
  416. box-shadow:0 0 15px 10px {color:Posts};
  417. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  418. }
  419. .entry:hover .permatext{
  420. right:0px; bottom:0px;
  421. opacity:1;
  422. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  423. }
  424. .entry:hover .permatext:hover{
  425. opacity:1;
  426. }
  427. .gradient{
  428. position:absolute;
  429. left:0;
  430. height:14px;
  431. width:100%;
  432. text-align:center;
  433. opacity:0;
  434.  
  435. {block:IfNotPermalinkSwitch}
  436. bottom:0;
  437. padding:16px 0 10px 0;
  438. {block:IfPermalinkMovement}
  439. padding:16px 0 0px 0;
  440. {/block:IfPermalinkMovement}
  441. background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  442. 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})));
  443. background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  444. background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  445. background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  446. background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  447. {/block:IfNotPermalinkSwitch}
  448.  
  449. {block:IfPermalinkSwitch}
  450. top:0;
  451. padding:10px 0 16px 0;
  452. {block:IfPermalinkMovement}
  453. padding:0px 0 16px 0;
  454. {/block:IfPermalinkMovement}
  455. background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  456. 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})));
  457. background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  458. background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  459. background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  460. background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  461. {/block:IfPermalinkSwitch}
  462.  
  463.  
  464. }
  465. .entry:hover .gradient{
  466. opacity:0.99;
  467. padding:16px 0 10px 0;
  468. {block:IfPermalinkSwitch}
  469. padding:10px 0 16px 0;
  470. {/block:IfPermalinkSwitch}
  471. }
  472. .gradient a:hover{
  473. text-decoration:none;
  474. }
  475. .gradient .reblogspan{
  476. color:transparent;
  477. width:13px;
  478. height:13px;
  479. background:url('http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png');
  480. display:inline-block;
  481. }
  482. .gradient .notespan{
  483. padding: 0 5px;
  484. color:#fff;
  485. font-family: arial;
  486. font-size:13px;
  487. line-height:14px;
  488. }
  489. .my-like {
  490. cursor:pointer;
  491. color:transparent;
  492. width:13px;
  493. height:13px;
  494. background:url('http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png');
  495. display:inline-block;
  496. }
  497. .my-liked {
  498. cursor:pointer;
  499. color:transparent;
  500. width:13px;
  501. height:13px;
  502. background:url('http://media.tumblr.com/tumblr_mbp2zu4pim1qk7o6d.png');
  503. display:inline-block;
  504. }
  505.  
  506.  
  507.  
  508. .links {width: 200px; margin-left: 839px; margin-top: 516px; position:fixed; overflow:hidden; background-color: transparent; padding:2px; font-family: georgia; font:9px Raleway;; font-style: normal; text-align: left; letter-spacing: 1px; z-index: 999; border-left: 1px solid #cfcfcf; }
  509.  
  510. .links a {color: #b9b9b9; text-transform: lowercase; border-left: 2px solid transparen; border-right: 2px solid transparent; }
  511.  
  512.  
  513. .links a:hover {#links a:hover { opacity: 0.4}}
  514.  
  515.  
  516.  
  517. .sidimg {text-align: justify; overflow: hidden; font-size: 9px; font-family: verdana; position: fixed; margin-left:842px;z-index: 100; padding: 15px; width: 165px; background-color: transparent; color: {color:text}; margin-top:290px; background-attachment: fixed; opacity:0.6 }
  518.  
  519. .sidimg img{width: 165px; margin-top: 0px; margin-left: 0px;opacity: 1; -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s; -webkit-border-radius: 0px 0px 0px 0px; z-index: 120; }
  520.  
  521.  
  522. #descri {position:fixed;float: left; margin-top: 526px; margin-left: 839px; width: 200px; background-color: ; padding: 3px; font:8px calibri; text-transform:uppercase; text-align: left; letter-spacing: 1px; height: autopx; z-index:90000; opacity: ; border-left: 1px solid #cfcfcf;color: #b9b9b9; }
  523.  
  524.  
  525. .title {position:fixed;float: left; margin-top: 503px; margin-left: 839px; width: 2000px; background-color: ; padding: 3px; font:10px Raleway; text-transform:uppercase; text-align: left; letter-spacing: 1px; height: autopx; z-index:90000; opacity: ; border-left: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf;color: #cfcfcf; }
  526.  
  527.  
  528.  
  529. {CustomCSS}
  530.  
  531. </style>
  532. <script>
  533. window.onload = function () {
  534. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  535. document.addEventListener( 'click', function ( event ) {
  536. var myLike = event.target;
  537. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  538. var frame = document.getElementById( 'my-like-frame' ),
  539. liked = ( myLike.className == 'my-liked' ),
  540. command = liked ? 'unlike' : 'like',
  541. reblog = myLike.getAttribute( 'data-reblog' ),
  542. id = myLike.getAttribute( 'data-id' ),
  543. oauth = reblog.slice( -8 );
  544. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  545. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  546. };
  547. }, false );
  548. };
  549. </script>
  550.  
  551.  
  552.  
  553. </head>
  554. <body>
  555.  
  556.  
  557. <div id="bigbox">
  558.  
  559. <div id="tirinha"></div>
  560. <div id="descri">{description}</div>
  561.  
  562.  
  563. <div class="title"><a href="/">Caroline, 17, Brazil.</a> </div>
  564.  
  565. <div class="links">
  566. <a href="/ask">message</a><font color="#cfcfcf">, </font>
  567. <a href="/tagged/quote">drafts</a><font color="#cfcfcf">, </font>
  568. <a href="http://instagram.com/flamaker">instagram</a><font color="#cfcfcf">, </font>
  569. <a href="http://mistaky.tumblr.com/" title="theme mistaky, base titanios.">theme</a><font color="#cfcfcf">. </font>
  570.  
  571. </div>
  572.  
  573. <div class="sidimg"><img src="http://data.whicdn.com/images/53949603/tumblr_mj04eqKOM71rx0zn3o1_500_large.gif"/>
  574. </div>
  575.  
  576. <div id="container">
  577.  
  578. {block:Posts}
  579. <div class="entry">
  580. <div id="relativity">
  581.  
  582. {block:Text}
  583. <div class="textbox">
  584. {block:Title}
  585. <h1>{Title}</h1>
  586. {/block:Title}
  587. {Body}
  588. </div>
  589. {/block:Text}
  590.  
  591. {block:Photo}
  592. {block:IndexPage}<a href="{Permalink}">
  593. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  594. </a>
  595. {/block:IndexPage}
  596. {block:PermalinkPage}
  597. {LinkOpenTag}
  598. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  599. {LinkCloseTag}
  600. {/block:PermalinkPage}
  601. {/block:Photo}
  602.  
  603. {block:Photoset}
  604. <div style="margin-bottom:-4px;text-align:center;">
  605. {block:IndexPage}
  606. {block:IfPostWidth500px}
  607. {Photoset-500}
  608. {/block:IfPostWidth500px}{block:IfPostWidth400px}
  609. {Photoset-400}
  610. {/block:IfPostWidth400px}
  611. {block:IfPostWidth320px}
  612. {Photoset-250}
  613. {/block:IfPostWidth320px}
  614. {block:IfPostWidth250px}
  615. {Photoset-250}
  616. {/block:IfPostWidth250px}
  617. {/block:IndexPage}
  618. {block:PermalinkPage}
  619. {block:IfNot1Column}
  620. {Photoset-500}
  621. {/block:IfNot1Column}
  622. {block:If1Column}
  623. {block:IfPostWidth500px}
  624. {Photoset-500}
  625. {/block:IfPostWidth500px}
  626. {block:IfPostWidth400px}
  627. {Photoset-400}
  628. {/block:IfPostWidth400px}
  629. {block:IfPostWidth320px}
  630. {Photoset-250}
  631. {/block:IfPostWidth320px}
  632. {block:IfPostWidth250px}
  633. {Photoset-250}
  634. {/block:IfPostWidth250px}
  635. {/block:If1Column}
  636. {/block:PermalinkPage}
  637. </div>
  638. {/block:Photoset}
  639.  
  640. {block:Quote}
  641. <div class="quote">{Quote}</div>
  642. {block:Source}<div class="quotesource"> —{Source}</div>
  643. {/block:Source}
  644. {/block:Quote}
  645.  
  646. {block:Link}
  647. <div class="textbox">
  648. <h1> <a href="{URL}" class="link" {Target}>{Name}</a> </h1>
  649. {block:Description}
  650. <p>{Description}</p>
  651. {/block:Description}
  652. </div>
  653. {/block:Link}
  654.  
  655. {block:Chat}
  656. <div class="textbox">
  657. {block:Title}
  658. <a href="{Permalink}"><h1>{Title}</h1></a>
  659. {/block:Title}
  660. <ul class="chat">
  661. {block:Lines}
  662. <li class="{Alt} user_{UserNumber}">
  663. {block:Label}
  664. <span class="label" style="font-weight:bold">{Label}</span>
  665. {/block:Label}
  666. {Line}
  667. </li>
  668. {/block:Lines}
  669. </ul>
  670. </div>
  671. {/block:Chat}
  672.  
  673. {block:Audio}
  674. <div class="textbox" style="text-align:center;">
  675. <p>{AudioPlayerBlack}</p>
  676. <p>
  677. {block:TrackName}
  678. {TrackName}
  679. {/block:TrackName}
  680. {block:Artist}
  681. - {Artist}
  682. {/block:Artist}
  683. </p>
  684. </div>
  685. {/block:Audio}
  686.  
  687. {block:Video}
  688. <div style="text-align:center;margin-bottom:-4px;">
  689. {block:IndexPage}
  690. {block:IfPostWidth500px}
  691. {Video-500}
  692. {/block:IfPostWidth500px}
  693. {block:IfPostWidth400px}
  694. {Video-400}
  695. {/block:IfPostWidth400px}
  696. {block:IfPostWidth320px}
  697. {Video-250}
  698. {/block:IfPostWidth320px}
  699. {block:IfPostWidth250px}
  700. {Video-250}
  701. {/block:IfPostWidth250px}
  702. {/block:IndexPage}
  703. {block:PermalinkPage}
  704. {block:IfNot1Column}
  705. {Video-500}
  706. {/block:IfNot1Column}
  707. {block:If1Column}
  708. {block:IfPostWidth500px}
  709. {Video-500}
  710. {/block:IfPostWidth500px}
  711. {block:IfPostWidth400px}
  712. {Video-400}
  713. {/block:IfPostWidth400px}
  714. {block:IfPostWidth320px}
  715. {Video-250}
  716. {/block:IfPostWidth320px}
  717. {block:IfPostWidth250px}
  718. {Video-250}
  719. {/block:IfPostWidth250px}
  720. {/block:If1Column}
  721. {/block:PermalinkPage}
  722. </div>
  723. {/block:Video}
  724.  
  725. {block:Answer}
  726. <div class="question">
  727. {Question}
  728. </div>
  729. <div class="nipple"></div>
  730. <div class="questioner"><img src="{AskerPortraitURL-128}" width="20" height="20"/><div>{Asker}</div></div>
  731. <div class="textbox">{Answer}</div>
  732. {/block:Answer}
  733.  
  734. {block:IndexPage}
  735.  
  736. {block:Photo}
  737. <div class="gradient transition">
  738. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan">x</span></a>
  739. <a href="{Permalink}" title="Permalink"><span class="notespan">{NoteCount}</span></a>
  740. <span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">x</span></div>
  741. {/block:Photo}
  742. {block:Video}
  743. <div class="gradient transition">
  744. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan">x</span></a>
  745. <a href="{Permalink}" title="Permalink"><span class="notespan">{NoteCount}</span></a>
  746. <span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">x</span></div>
  747. {/block:Video}
  748.  
  749. {block:Text}
  750. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">reblog</a></div>
  751. {/block:Text}
  752. {block:Photoset}
  753. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">reblog</a></div>
  754. {/block:Photoset}
  755. {block:Quote}
  756.  
  757. <div class="permatext"><a href="{Permalink}"></a> {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:IndexPage} <a href="{ReblogUrl}" target="_blank">, reblog</a>{/block:IndexPage} </div>
  758.  
  759. {/block:Quote}
  760. {block:Link}
  761. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">reblog</a></div>
  762. {/block:Link}
  763. {block:Chat}
  764. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">reblog</a></div>
  765. {/block:Chat}
  766. {block:Audio}
  767. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">reblog</a></div>
  768. {/block:Audio}
  769. {block:Answer}
  770. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">reblog</a></div>
  771. {/block:Answer}
  772. {/block:IndexPage}
  773.  
  774. </div>
  775. </div>
  776.  
  777. {block:PermalinkPage}
  778. {block:Date}
  779. {block:Photo}
  780. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  781. {/block:Photo}
  782. {block:Photoset}
  783. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  784. {/block:Photoset}
  785. {block:Audio}
  786. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  787. {/block:Audio}
  788. {block:Video}
  789. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  790. {/block:Video}
  791.  
  792. <div class="entry">
  793. <div class="textbox">
  794. {block:NoteCount}
  795. <p>{NoteCountWithLabel}</p>
  796. {/block:NoteCount}
  797. <p>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year} @ {12HourWithZero}:{Minutes}{AmPm}</p>
  798. {block:RebloggedFrom}
  799. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a></p><p>originally <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  800. {/block:RebloggedFrom}
  801. {block:HasTags}
  802. <p>{block:Tags}
  803. <a href="{TagURL}">#{Tag}</a>
  804. {/block:Tags}</p>
  805. {/block:HasTags}
  806. </div></div>
  807. {/block:Date}
  808.  
  809. {block:PostNotes}
  810. <div class="entry">
  811. <div class="textbox">
  812. {PostNotes}
  813. </div></div>
  814. {/block:PostNotes}
  815. {/block:PermalinkPage}
  816.  
  817. {/block:Posts}
  818. </div></div>
  819.  
  820. {block:Pagination}
  821. <div id="pagination" style="display:none;">
  822. {block:NextPage}
  823. <a id="nextPage" href="{NextPage}"></a>
  824. {/block:NextPage}
  825. </div>
  826. {/block:Pagination}
  827.  
  828. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  829. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  830. <script type="text/javascript">
  831. $(window).load(function () {
  832. var $content = $('#container');
  833. $content.masonry({itemSelector: '.entry'}),
  834. $content.infinitescroll({
  835. navSelector : 'div#pagination',
  836. nextSelector : 'div#pagination a#nextPage',
  837. itemSelector : '.entry',
  838. loading: {
  839. finishedMsg: '',
  840. img: 'http://static.tumblr.com/beiywxc/VXem7gjgj/ajax-loader__7_.gif'
  841. },
  842. bufferPx : 600,
  843. debug : false,
  844. },
  845. // call masonry as a callback.
  846. function( newElements ) {
  847. var $newElems = $( newElements );
  848. $newElems.hide();
  849. // ensure that images load before adding to masonry layout
  850. $newElems.imagesLoaded(function(){
  851. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  852. });
  853. });
  854. });
  855. </script>
  856.  
  857.  
  858. </body>
  859. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!