Advertisement
drigospnn

Untitled

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