API tools faq
paste
ariauagrande

ariauagrande theme #4 1/2

ariauagrande
Aug 31st, 2013
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.80 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ariauagrande theme (originally by doxx)
  4. DONT REMOVE CREDIT PLEASE........ THANK
  5.  
  6. (music player code originally from thisariana)
  7.  
  8.  
  9. -->
  10.  
  11. <html lang="en">
  12. <head>
  13. <title>{title}</title>
  14. <link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
  15.  
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:post Box" content="#ffffff"/>
  18. <meta name="color:blog description" content="#000000"/>
  19. <meta name="color:title" content="#000000"/>
  20. <meta name="color:text" content="#000000"/>
  21. <meta name="color:link" content="#000000"/>
  22. <meta name="color:hover" content="#ffffff"/>
  23. <meta name="font:title" content="Trebuchet MS, Arial, Helvetica, futura, Georgia, sans-serif"/>
  24. <meta name="font:Body" content="Trebuchet MS, Arial, Helvetica, futura, Georgia, sans-serif"/>
  25. <meta name="image:background" content=""/>
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="if:sidebar in top left" content="0"/>
  28. <meta name="if:sidebar in bottom left" content="1"/>
  29. <meta name="if:less space between posts" content="1"/>
  30. <meta name="if:post shadows" content="1"/>
  31. <meta name="if:show reblog on hover" content="1"/>
  32. <meta name="if:faded images on hover" content="0"/>
  33. <meta name="if:graffiti hover" content="1"/>
  34. <meta name="if:inverted fade" content="0"/>
  35. <meta name="if:rounded edges" content="0"/>
  36. <meta name="if:show photo" content="1"/>
  37. <meta name="if:small sidebar image" content="0"/>
  38. <meta name="text:music player code" content="" />
  39. <meta name="text:link 1" content="" />
  40. <meta name="text:link 1 title" content="" />
  41. <meta name="text:link 2" content="" />
  42. <meta name="text:link 2 title" content="" />
  43. <meta name="text:link 3" content="" />
  44. <meta name="text:link 3 title" content="" />
  45. <meta name="text:link 4" content="" />
  46. <meta name="text:link 4 title" content="" />
  47. <meta name="text:link 5" content="" />
  48. <meta name="text:link 5 title" content="" />
  49. <meta name="text:link 6" content="" />
  50. <meta name="text:link 6 title" content="" />
  51. <meta name="text:link 7" content="" />
  52. <meta name="text:link 7 title" content="" />
  53.  
  54. </script>
  55. <style type="text/css">
  56. {block:ifinvertedfade}img{-webkit-transition: opacity 0.7s linear;opacity: 0.8;}img:hover{-webkit-transition: opacity 0.5s linear;opacity: 1;}{/block:ifinvertedfade}
  57. body{
  58. margin:0px;
  59. background-color: {color:Background};
  60. background-image:url({image:Background});
  61. background-attachment: fixed;
  62. background-repeat: repeat;
  63. font-size: 9px;
  64. font-family:{font:Body};
  65. line-height:10px;
  66. color:{color:Text};
  67. }
  68. #bite .death {
  69. margin-top:-40px;filter: alpha(opacity = 0);
  70. opacity:0;-webkit-transition: all 0.5s ease-out;
  71. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  72. }
  73. #bite:hover .death {
  74. margin-top:2px;
  75. -webkit-transition: all 0.8s ease-out;
  76. -moz-transition: all 0.8s ease-out;
  77. transition: all 0.8s ease-out;
  78. filter: alpha(opacity = 100);
  79. filter: alpha(opacity = 100);
  80. opacity:100;
  81. }
  82. a:link, a:active, a:visited{
  83. color: {color:Link};
  84. text-decoration: none;
  85. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  86. }
  87.  
  88. a:hover{
  89. color:{color:Hover};
  90. {block:ifgraffitihover}
  91. font-family: Most Wazted;
  92. font-color:{color:hover};
  93. font-size: 13px;
  94.  
  95. {/block:ifgraffitihover}
  96. text-decoration: none;
  97. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  98. }
  99.  
  100. .sidelink{;
  101. font-family: {font:Body};
  102. font-color: {color:Text};
  103. }
  104. .sidelink:hover{background-color:rgba(0,0,0,0);
  105.  
  106. color:{color:Hover};
  107. padding-left:0px;
  108. margin:0px;width:auto;
  109. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  110. .sidelink a:hover{color: {color:Link};
  111. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  112. {block:ifgraffitihover}
  113. font-family: Most Wazted;
  114. font-color: {color:hover};
  115. font-size: 13px;
  116. transform: rotate(-10deg);
  117. -ms-transform: rotate(-10deg);
  118. -webkit-transform: rotate(-10deg);
  119. -o-transform: rotate(-10deg);
  120. -moz-transform: rotate(-10deg);
  121. {/block:ifgraffitihover}
  122.  
  123. }
  124.  
  125. #postys{width:355px; height:auto;}
  126. {block:PermalinkPage}
  127. width:370px;
  128. {/block:PermalinkPage}
  129. {block:ifRoundedEdges}
  130. -moz-border-radius: 3px;
  131. border-radius: 3px;
  132. {/block:ifRoundedEdges}
  133. }
  134.  
  135.  
  136. #jango{
  137. padding-top:3px;
  138. padding-bottom:3px;
  139. position:fixed !important;
  140. width:355px;
  141. height:207px;
  142. background-color:{color:Post Box};
  143. {block:PermalinkPage}
  144. width:370px;
  145. height:207px;
  146. {/block:PermalinkPage}
  147. {block:ifRoundedEdges}
  148. -moz-border-radius: 3px;
  149. border-radius: 3px;
  150. {/block:ifRoundedEdges}
  151. }
  152.  
  153.  
  154. #barside{
  155. z-index:999999999999999;
  156. position:absolute !important;
  157. position:fixed !important;
  158. {block:ifSidebarInBottomLeft}
  159. bottom:160px;
  160. margin-left:-90px;
  161. left: 340px;
  162. width:200px;
  163. {/block:ifSidebarInBottomLeft}
  164. {block:ifSidebarInTopLeft}
  165. top:160px;
  166. left: 340px;
  167. width:200px;
  168. {/block:ifSidebarInTopLeft}
  169. background-color: transparent;
  170. }
  171.  
  172.  
  173. #rake{
  174. margin:auto;
  175. left:0px;
  176. top:10px;
  177. padding-top:5px;
  178. padding-left:0px;
  179. position:absolute;
  180. {block:indexpage}
  181. width:1070px;
  182. {/block:indexpage}
  183. {block:permalinkpage}
  184. width:900px;
  185. left:50px;
  186. {/block:permalinkpage}
  187. overflow:hidden;
  188. }
  189.  
  190. #posts{
  191. float:right;
  192. {block:indexpage}
  193. width:790px;
  194. margin-right:-210px;
  195. {/block:indexpage}
  196. {block:permalinkpage}
  197. width:380px;
  198. {/block:permalinkpage}
  199. margin-left:68px;
  200. }
  201.  
  202. .credit{
  203. position:fixed;
  204. right:6px;
  205. top:25px;
  206. z-index:9999;
  207. opacity:0.4;
  208. -webkit-transition: all 1s linear;
  209. -webkit-transition: all 1s linear;
  210. -moz-transition: all 1s linear;
  211. transition: all 1s linear;
  212. }
  213. .credit:hover{
  214. opacity:1;
  215. -webkit-transition: all 1s linear;
  216. -webkit-transition: all 1s linear;
  217. -moz-transition: all 1s linear;
  218. transition: all 1s linear;
  219. }
  220.  
  221.  
  222. #entry{
  223. z-index:9999;
  224. {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  225. -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  226. box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows}
  227. border:0px solid;
  228. border-color: #f1f1f1;
  229. float: left;
  230. width: 270px;
  231. height: auto;
  232. margin-left:-17px;
  233. {block:PermalinkPage}
  234. width: 370px;
  235. height: auto;
  236. {/block:PermalinkPage}
  237. line-height:8px;
  238. background-color:{color:Post Box};
  239. padding:0px;
  240. margin-right:70px;
  241. {block:iflessspacebetweenposts}
  242. margin-right:25px;
  243. {/block:iflessspacebetweenposts}
  244. overflow:hidden;
  245. margin-bottom:25px;
  246. {block:iflessspacebetweenposts}
  247. margin-bottom:5px;
  248. {/block:iflessspacebetweenposts}
  249. {block:ifRoundedEdges}
  250. -moz-border-radius: 3px;
  251. border-radius: 3px;
  252. {/block:ifRoundedEdges}
  253. }
  254.  
  255.  
  256. #entry img{
  257. {block:IndexPage}
  258. max-width: 270px;
  259. height: auto;
  260. {/block:IndexPage}
  261. {block:PermalinkPage}
  262. max-width: 370px;
  263. height: auto;
  264. {/block:PermalinkPage}
  265. }
  266.  
  267. #entry:hover #permalink {
  268. width:11px;
  269. margin-top: 11px;
  270. margin-left: 58px;
  271. opacity: 1;
  272. }
  273.  
  274. .countreblog {
  275. color: #FFFFFF;
  276. letter-spacing:1px;
  277. font-family:10px arial;
  278. font-size:;
  279. line-height:14px;
  280. margin: 2px;
  281. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  282. background-repeat:repeat;
  283. border:1px solid rgba(0,0,0,0.1);
  284. padding:3px 5px;
  285. -webkit-border-radius:2px;
  286. moz-border-radius:2px;
  287. -o-border-radius:2px;
  288. border-radius:2px;
  289. }
  290. .countreblog a { color: #fff; }
  291. {/block:ifShownotesonphoto}
  292. {block:ifShowReblogOnHover}
  293. #entry:hover #reblog{
  294. {block:IndexPage}
  295. opacity:1;-webkit-transition: all 0.3s ease-out;
  296. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  297. {/block:IndexPage}
  298. }
  299. #reblog{
  300. width:24px;
  301. float:right;
  302. opacity:.8;
  303. margin-left:2px;
  304. margin-top:2px;
  305. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  306. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  307. {/block:ifShowReblogOnHover}
  308. #entry:hover #reblog{
  309. {block:IndexPage}
  310. opacity:1;-webkit-transition: all 0.3s ease-out;
  311. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  312. {/block:IndexPage}
  313. }
  314. #reblog{
  315. width:24px;
  316. float:right;
  317. opacity:.8;
  318. margin-left:2px;
  319. margin-top:2px;
  320. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  321. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  322. {/block:ifShowReblogOnHover}
  323. #permapage{
  324. font-family: {Font:Body};
  325. font-size: 9px;
  326. text-align: center;
  327. padding-bottom:10px;
  328. z-index:9999;}
  329.  
  330. #notes{
  331. {block:permalinkpage}
  332. background-color:{color:Post Box};
  333. display:block;
  334. width:800px;
  335. float: left;
  336. padding:10px;
  337. overflow:visible;
  338. z-index:9999999;
  339. margin-top: 10px;
  340. {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  341. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  342. box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
  343. {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
  344. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  345. box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
  346. outline:1px solid rgba(0, 0, 0, .1);
  347. border:2px solid rgba(0, 0, 0, .05);
  348. text-align: left;{/block:permalinkpage}
  349. }
  350.  
  351. iframe#tumblr_controls{position:fixed !important;
  352. }
  353.  
  354. {block:iffadedimagesonhover}
  355. img{ -webkit-transition: opacity 0.4s linear; opacity: 1; }
  356. img:hover{ -webkit-transition: opacity 0.4s linear; opacity: 0.75; }
  357. {/block:iffadedimagesonhover}
  358.  
  359. .title{
  360. font-family: {font:Title};
  361. font-size: 12px;
  362. line-height: 12px;
  363. color: {color:Title};
  364. font-weight: normal;
  365. letter-spacing: 0px;
  366. }
  367.  
  368. .credy{
  369. font-family: Arial;
  370. font-size: 9px;
  371. opacity: .6;
  372. color: {color:Body};
  373. letter-spacing: 0px;
  374. border-style: outset;
  375. border-width: 2px;
  376. }
  377.  
  378. .leblogtitle:hover{
  379. color:{color:Hover};
  380. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  381. }
  382.  
  383. .credy:hover{
  384. font-family: Arial;
  385. font-size: 9px;
  386. opacity: .6;
  387. color: {color:Body};
  388. letter-spacing: 0px;
  389. border-style: inset;
  390. border-width: 2px;
  391. }
  392.  
  393.  
  394. .permalinktext{
  395. font-family: {Font:Body};
  396. padding: 5px;
  397. position: absolute;
  398. text-align: center;
  399. width: 200px;
  400. -moz-transition: 0.3s ease-out;
  401. -webkit-transition: 0.3s ease-out;
  402. transition: 0.3s ease-out;
  403. opacity:0;
  404. }
  405.  
  406. .permalinktext a{color:{color:links};
  407. }
  408.  
  409. .entry:hover .permalinktext {
  410. -moz-transition: 0.3s ease-out;
  411. -webkit-transition: 0.3s ease-out;
  412. transition: 0.3s ease-out;
  413. width:200px;
  414. text-decoration:line-through;
  415. height:auto;
  416. display: block;
  417. opacity: 1;
  418. }
  419.  
  420.  
  421. blockquote{
  422. padding:0px 0px 2px 3px;
  423. margin:0px 0px 2px 1px;
  424. }
  425. ul, ol, li{
  426. list-style:none;
  427. margin:0px;
  428. padding:0px;
  429. }
  430.  
  431. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  432. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  433. }
  434.  
  435. a.links {
  436. font-family: Arial;
  437. font-size: 12px;
  438. line-height: 7px;
  439. text-transform: normal;
  440. letter-spacing:0px;
  441. display:block;
  442. padding: 0px;
  443. margin-bottom: 0px;
  444. {block:ifRoundedEdges}
  445. -moz-border-radius: 3px;
  446. border-radius: 3px;
  447. {/block:ifRoundedEdges}
  448. }
  449.  
  450.  
  451.  
  452. a.links:hover {
  453. text-decoration: underline;
  454. letter-spacing:10px;
  455. }
  456.  
  457.  
  458.  
  459. </style>
  460. <link rel="shortcut icon" href="{Favicon}">
  461. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  462. <meta name="viewport" content="width=720" />
  463. </head>
  464. <body>
  465.  
  466. <div class="credit">
  467. </div>
  468.  
  469.  
  470. <div id="jango">
  471. <div id="rake">
  472. <div id="barside">
  473. {block:ifmusicplayercode}<a href="{text:music player code}{text:music player code}</a> {/block:Ifmusicplayercode}
  474.  
  475.  
  476. {block:ifShowPhoto}
  477.  
  478. {block:ifSidebarInBottomLeft}
  479. <div align="left" style="padding-bottom:5px;">
  480. <a href="/">
  481. <img style="{block:ifRoundedEdges}
  482. -moz-border-radius: 3px; border-radius: 3px;{/block:ifRoundedEdges}" src="{image:sidebar}" {block:ifNotSmallSidebarImage}width=200{/block:ifNotSmallSidebarImage} {block:ifSmallSidebarImage}width=150{/block:ifSmallSidebarImage} " /></a></div>
  483. {/block:ifSidebarInBottomLeft}
  484. {block:ifSidebarInTopLeft}
  485. <div align="left" style="padding-bottom:5px; {block:ifRoundedEdges}
  486. -moz-border-radius: 3px; border-radius: 3px;{/block:ifRoundedEdges}">
  487. <a href="/">
  488. <img style="{block:ifRoundedEdges}
  489. -moz-border-radius: 3px; border-radius: 5px;{/block:ifRoundedEdges}" src="{image:sidebar}" {block:ifNotSmallSidebarImage}width=200{/block:ifNotSmallSidebarImage} {block:ifSmallSidebarImage}width=125{/block:ifSmallSidebarImage}" /></a></div>
  490. {/block:ifSidebarInTopLeft}
  491. {/block:ifShowPhoto}
  492. {block:ifShowTitle}
  493.  
  494. {block:ifSidebarInTopLeft}
  495. <a href="/"><div align="left" class="leblogtitle">{Title}</div></a>
  496. {/block:ifSidebarInTopLeft}
  497.  
  498. {block:ifSidebarInBottomLeft}
  499. <a href="/"><div align="left" class="leblogtitle">{Title}</div></a>
  500. {/block:ifSidebarInBottomLeft}
  501. {/block:ifshowtitle}
  502. {block:ifSidebarInTopLeft}
  503. <div align="left" style="line-height:14px; margin-top:3px; {block:ifShowTitle}margin-top:19px;{/block:ifShowTitle}margin-bottom:-15px; color:{color:Blog Description};"><center>{description}</center></div>
  504. {/block:ifSidebarInTopLeft}
  505.  
  506. {block:ifSidebarInBottomLeft}
  507. <div align="left" style="line-height:14px; margin-top:3px; {block:ifShowTitle}margin-top:19px;{/block:ifShowTitle}margin-bottom:-15px; color:{color:Blog Description};"><center>{description}</center></div>
  508. {/block:ifSidebarInBottomLeft}
  509.  
  510.  
  511. <br>
  512.  
  513.  
  514. <div align="center">
  515. <center><br>
  516. <div class="cool">
  517. {block:iflink1title} <a href="{text:link 1}" class="sidelink">{text:link 1 title} </a> {/block:iflink1title}&nbsp;&nbsp;
  518. {block:iflink2title} <a href="{text:link 2}" class="sidelink"> {text:link 2 title}</a>{/block:iflink2title}&nbsp;&nbsp;
  519. {block:iflink3title} <a href="{text:link 3}" class="sidelink"> {text:link 3 title} </a>{/block:iflink3title}&nbsp;&nbsp;{block:iflink4title}<a href="{text:link 4}" class="sidelink"> {text:link 4 title}</a>{/block:iflink5title}&nbsp;&nbsp;{block:iflink5title}<a href="{text:link 5}" class="sidelink"> {text:link 5 title} </a>{/block:iflink5title} &nbsp;&nbsp; {block:iflink6title}<a href="{text:link 6}" class="sidelink"> {text:link 6 title}</a>{/block:iflink 6 title}&nbsp;&nbsp;
  520. {block:iflink7title}<a href="{text:link 7}" class="sidelink"> {text:link 7 title}</a>{/block:iflink7title}
  521.  
  522. </div>
  523.  
  524. </div>
  525. </div>
  526. </center>
  527.  
  528. <div align="center">
  529.  
  530. <div id="posts">
  531.  
  532. {block:Posts}
  533. <div id="entry">
  534. {block:Photo}
  535. {block:IndexPage}
  536. {block:ifShowReblogOnHover}
  537. <div id="reblog"><a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/npfupbw/7k6mrx0v6/reblog.png" /></a></div>
  538. {/block:ifShowReblogOnHover}
  539. <div id="postys">
  540. <a href="{permalink}">
  541. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=355; style=" {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows} {block:ifRoundedEdges}-moz-border-radius: 3px; border-radius: 3px; {/block:ifRoundedEdges}"></a></div>
  542.  
  543. {/block:IndexPage}
  544. {block:PermalinkPage}{Caption}{/block:Caption}
  545. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=370px; style=" {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows} border="0"></center>
  546. {/block:PermalinkPage}
  547. {/block:Photo}
  548.  
  549. {block:Photoset}
  550. <div style="padding-top:30px; padding-bottom:30px;"><a href="{permalink}">
  551. {Photoset-250}</a></div>
  552. {/block:Photoset}
  553.  
  554. {block:Text}<div style="padding-top:10px; padding-bottom:0px; padding-left:10px; padding-right:10px;">
  555. {block:Title}
  556. <a href="{permalink}"><span class="title">{Title}</span></a>
  557. {/block:Title}
  558. <span class="entrytext" style="line-height:12px;">{Body}</span>
  559. <a href="{Permalink}"></a></div>
  560. {block:indexpage}<hr size=".8" width="230">
  561. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  562. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  563. </a></div>{/block:indexpage}
  564. {/block:Text}
  565.  
  566. {block:Link}<div style="padding-top:15px; padding-bottom:0px;>
  567. <a href="{URL}"><span class="title">{Name}</span></a></div>
  568. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  569. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  570. {block:indexpage}<hr size=".8" width="230">
  571. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  572. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  573. </a></div>{/block:indexpage}
  574. {/block:Link}
  575.  
  576. {block:Quote}
  577. <div style="padding-top:10px; padding-bottom:10px;">
  578. <span class="title" style="line-height:16px;">"{Quote}"</span><br><br>
  579. <div style="text-align: right; padding-right:10px;"><a href="{Permalink}">{block:Source}
  580. -{Source}
  581. {/block:Source}</a></div><br>{block:indexpage}<hr size=".8" width="230">
  582. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  583. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  584. </a></div>{/block:indexpage}
  585. </div>
  586. {/block:Quote}
  587.  
  588. {block:Chat}
  589. <div style="padding-top:15px; padding-bottom:10px;">
  590. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  591. <ul class="chat">
  592. {block:Lines}
  593. <li class="user_{UserNumber}">
  594. {block:Label}
  595. <span class="label" style="line-height:12px;">{Label}</span>
  596. {/block:Label}
  597. {Line}
  598. </li>
  599. {/block:Lines}
  600. </ul>
  601. {block:Caption}{Caption}{/block:Caption}
  602. <br>{block:indexpage}<hr size=".8" width="230">
  603. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  604. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  605. </a></div>{/block:indexpage}
  606. </div>
  607. {/block:Chat}
  608.  
  609. {block:Audio}
  610. <div style="padding-top:30px; padding-bottom:0px;">
  611. <div style="float:center">
  612. {AudioPlayerGrey}
  613. </div>
  614. </div>
  615.  
  616. <div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
  617. <hr size="1" width="260">
  618. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  619. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  620. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  621. </a></div>{/block:indexpage}
  622. {/block:Audio}
  623.  
  624. {block:Video}
  625. <div style="padding-top:28px; padding-bottom:8px;">
  626. {Video-250}</div>
  627. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  628. {block:indexpage}<hr size=".8" width="230">
  629. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  630. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  631. </a></div>{/block:indexpage}
  632. {/block:Video}
  633.  
  634. {block:PermalinkPage}</a>
  635. <div id="permapage"><br>
  636. {block:notecount}
  637. {notecountwithlabel}
  638. {/block:notecount}&nbsp;&nbsp;{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} Reblogged from
  639. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
  640. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  641. {/block:RebloggedFrom}
  642. <br><br>
  643. <div align="left">
  644. {block:PostNotes}
  645. {PostNotes}
  646. {/block:PostNotes}
  647. </div>
  648. </div>
  649. {/block:PermalinkPage}
  650. </div>
  651. {/block:Posts}
  652. </div>
  653. </div>
  654. </div>
  655. </center>
  656. </div>
  657. </div>
  658. {block:indexpage}
  659. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  660. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  661. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  662. <script type="text/javascript">
  663. $(window).load(function(){
  664. var $wall = $('#posts');
  665. $wall.imagesLoaded(function(){
  666. $wall.masonry({
  667. itemSelector: '#entry, #entry_photo',
  668. isAnimated : false
  669. });
  670. });
  671.  
  672. $wall.infinitescroll({
  673. navSelector : '#page-nav',
  674. nextSelector : '#page-nav a',
  675. itemSelector : '#entry, #entry_photo',
  676. bufferPx : 2000,
  677. debug : false,
  678. errorCallback: function() {
  679. $('#infscr-loading').fadeOut('normal');
  680. }},
  681. function( newElements ) {
  682. var $newElems = $( newElements );
  683. $newElems.hide();
  684. $newElems.imagesLoaded(function(){
  685. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  686. });
  687. }); $('#content').show(500);
  688. });
  689. </script>
  690. {/block:indexpage}
  691. <div class="credit">
  692. <a href="http://ariauagrande.tumblr.com" target="_blank">
  693. <img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
  694. </a><div style="position:fixed; bottom:10px; left:10px;">
  695. <a href="http://ariauagrande.tumblr.com" target="_blank"><img class="normal" src="http://static.tumblr.com/npfupbw/JUImuhp0t/i-cant-breaathe.png"</a>
  696. </a>
  697. </div>
  698. </body>
  699. </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!