amando-loucos

73

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