ariauagrande

ariauagrande theme #4

Aug 22nd, 2013
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.63 KB | None | 0 0
  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="#000000"/>
  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. left: 340px;
  161. width:200px;
  162. {/block:ifSidebarInBottomLeft}
  163. {block:ifSidebarInTopLeft}
  164. top:160px;
  165. left: 340px;
  166. width:200px;
  167. {/block:ifSidebarInTopLeft}
  168. background-color: transparent;
  169. }
  170.  
  171.  
  172. #rake{
  173. margin:auto;
  174. left:0px;
  175. top:10px;
  176. padding-top:5px;
  177. padding-left:0px;
  178. position:absolute;
  179. {block:indexpage}
  180. width:1070px;
  181. {/block:indexpage}
  182. {block:permalinkpage}
  183. width:900px;
  184. left:50px;
  185. {/block:permalinkpage}
  186. overflow:hidden;
  187. }
  188.  
  189. #posts{
  190. float:right;
  191. {block:indexpage}
  192. width:500px;
  193. {/block:indexpage}
  194. {block:permalinkpage}
  195. width:380px;
  196. {/block:permalinkpage}
  197. margin-left:68px;
  198. }
  199.  
  200. .credit{
  201. position:fixed;
  202. right:6px;
  203. top:25px;
  204. z-index:9999;
  205. opacity:0.4;
  206. -webkit-transition: all 1s linear;
  207. -webkit-transition: all 1s linear;
  208. -moz-transition: all 1s linear;
  209. transition: all 1s linear;
  210. }
  211. .credit:hover{
  212. opacity:1;
  213. -webkit-transition: all 1s linear;
  214. -webkit-transition: all 1s linear;
  215. -moz-transition: all 1s linear;
  216. transition: all 1s linear;
  217. }
  218.  
  219.  
  220. #entry{
  221. z-index:9999;
  222. {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  223. -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  224. box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows}
  225. border:0px solid;
  226. border-color: #f1f1f1;
  227. float: left;
  228. width: 355px;
  229. height: auto;
  230. {block:PermalinkPage}
  231. width: 370px;
  232. height: auto;
  233. {/block:PermalinkPage}
  234. line-height:8px;
  235. background-color:{color:Post Box};
  236. padding:0px;
  237. margin-right:70px;
  238. {block:iflessspacebetweenposts}
  239. margin-right:25px;
  240. {/block:iflessspacebetweenposts}
  241. overflow:hidden;
  242. margin-bottom:25px;
  243. {block:iflessspacebetweenposts}
  244. margin-bottom:5px;
  245. {/block:iflessspacebetweenposts}
  246. {block:ifRoundedEdges}
  247. -moz-border-radius: 3px;
  248. border-radius: 3px;
  249. {/block:ifRoundedEdges}
  250. }
  251.  
  252.  
  253. #entry img{
  254. {block:IndexPage}
  255. max-width: 355px;
  256. height: auto;
  257. {/block:IndexPage}
  258. {block:PermalinkPage}
  259. max-width: 370px;
  260. height: auto;
  261. {/block:PermalinkPage}
  262. }
  263.  
  264. #entry:hover #permalink {
  265. width:11px;
  266. margin-top: 11px;
  267. margin-left: 58px;
  268. opacity: 1;
  269. }
  270.  
  271. .countreblog {
  272. color: #FFFFFF;
  273. letter-spacing:1px;
  274. font-family:10px arial;
  275. font-size:;
  276. line-height:14px;
  277. margin: 2px;
  278. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  279. background-repeat:repeat;
  280. border:1px solid rgba(0,0,0,0.1);
  281. padding:3px 5px;
  282. -webkit-border-radius:2px;
  283. moz-border-radius:2px;
  284. -o-border-radius:2px;
  285. border-radius:2px;
  286. }
  287. .countreblog a { color: #fff; }
  288. {/block:ifShownotesonphoto}
  289. {block:ifShowReblogOnHover}
  290. #entry:hover #reblog{
  291. {block:IndexPage}
  292. opacity:1;-webkit-transition: all 0.3s ease-out;
  293. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  294. {/block:IndexPage}
  295. }
  296. #reblog{
  297. width:24px;
  298. float:right;
  299. opacity:.8;
  300. margin-left:2px;
  301. margin-top:2px;
  302. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  303. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  304. {/block:ifShowReblogOnHover}
  305. #entry:hover #reblog{
  306. {block:IndexPage}
  307. opacity:1;-webkit-transition: all 0.3s ease-out;
  308. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  309. {/block:IndexPage}
  310. }
  311. #reblog{
  312. width:24px;
  313. float:right;
  314. opacity:.8;
  315. margin-left:2px;
  316. margin-top:2px;
  317. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  318. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  319. {/block:ifShowReblogOnHover}
  320. #permapage{
  321. font-family: {Font:Body};
  322. font-size: 9px;
  323. text-align: center;
  324. padding-bottom:10px;
  325. z-index:9999;}
  326.  
  327. #notes{
  328. {block:permalinkpage}
  329. background-color:{color:Post Box};
  330. display:block;
  331. width:800px;
  332. float: left;
  333. padding:10px;
  334. overflow:visible;
  335. z-index:9999999;
  336. margin-top: 10px;
  337. {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  338. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  339. box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
  340. {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
  341. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  342. box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
  343. outline:1px solid rgba(0, 0, 0, .1);
  344. border:2px solid rgba(0, 0, 0, .05);
  345. text-align: left;{/block:permalinkpage}
  346. }
  347.  
  348. iframe#tumblr_controls{position:fixed !important;
  349. }
  350.  
  351. {block:iffadedimagesonhover}
  352. img{ -webkit-transition: opacity 0.4s linear; opacity: 1; }
  353. img:hover{ -webkit-transition: opacity 0.4s linear; opacity: 0.75; }
  354. {/block:iffadedimagesonhover}
  355.  
  356. .title{
  357. font-family: {font:Title};
  358. font-size: 12px;
  359. line-height: 12px;
  360. color: {color:Title};
  361. font-weight: normal;
  362. letter-spacing: 0px;
  363. }
  364.  
  365. .credy{
  366. font-family: Arial;
  367. font-size: 9px;
  368. opacity: .6;
  369. color: {color:Body};
  370. letter-spacing: 0px;
  371. border-style: outset;
  372. border-width: 2px;
  373. }
  374.  
  375. .leblogtitle:hover{
  376. color:{color:Hover};
  377. -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;
  378. }
  379.  
  380. .credy:hover{
  381. font-family: Arial;
  382. font-size: 9px;
  383. opacity: .6;
  384. color: {color:Body};
  385. letter-spacing: 0px;
  386. border-style: inset;
  387. border-width: 2px;
  388. }
  389.  
  390.  
  391. .permalinktext{
  392. font-family: {Font:Body};
  393. padding: 5px;
  394. position: absolute;
  395. text-align: center;
  396. width: 200px;
  397. -moz-transition: 0.3s ease-out;
  398. -webkit-transition: 0.3s ease-out;
  399. transition: 0.3s ease-out;
  400. opacity:0;
  401. }
  402.  
  403. .permalinktext a{color:{color:links};
  404. }
  405.  
  406. .entry:hover .permalinktext {
  407. -moz-transition: 0.3s ease-out;
  408. -webkit-transition: 0.3s ease-out;
  409. transition: 0.3s ease-out;
  410. width:200px;
  411. text-decoration:line-through;
  412. height:auto;
  413. display: block;
  414. opacity: 1;
  415. }
  416.  
  417.  
  418. blockquote{
  419. padding:0px 0px 2px 3px;
  420. margin:0px 0px 2px 1px;
  421. }
  422. ul, ol, li{
  423. list-style:none;
  424. margin:0px;
  425. padding:0px;
  426. }
  427.  
  428. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  429. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  430. }
  431.  
  432. a.links {
  433. font-family: Arial;
  434. font-size: 12px;
  435. line-height: 7px;
  436. text-transform: normal;
  437. letter-spacing:0px;
  438. display:block;
  439. padding: 0px;
  440. margin-bottom: 0px;
  441. {block:ifRoundedEdges}
  442. -moz-border-radius: 3px;
  443. border-radius: 3px;
  444. {/block:ifRoundedEdges}
  445. }
  446.  
  447.  
  448.  
  449. a.links:hover {
  450. text-decoration: underline;
  451. letter-spacing:10px;
  452. }
  453.  
  454.  
  455.  
  456. </style>
  457. <link rel="shortcut icon" href="{Favicon}">
  458. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  459. <meta name="viewport" content="width=720" />
  460. </head>
  461. <body>
  462.  
  463. <div class="credit">
  464. </div>
  465.  
  466.  
  467. <div id="jango">
  468. <div id="rake">
  469. <div id="barside">
  470. {block:ifmusicplayercode}<a href="{text:music player code}{text:music player code}</a> {/block:Ifmusicplayercode}
  471.  
  472.  
  473. {block:ifShowPhoto}
  474.  
  475. {block:ifSidebarInBottomLeft}
  476. <div align="left" style="padding-bottom:5px;">
  477. <a href="/">
  478. <img style="{block:ifRoundedEdges}
  479. -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>
  480. {/block:ifSidebarInBottomLeft}
  481. {block:ifSidebarInTopLeft}
  482. <div align="left" style="padding-bottom:5px; {block:ifRoundedEdges}
  483. -moz-border-radius: 3px; border-radius: 3px;{/block:ifRoundedEdges}">
  484. <a href="/">
  485. <img style="{block:ifRoundedEdges}
  486. -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>
  487. {/block:ifSidebarInTopLeft}
  488. {/block:ifShowPhoto}
  489. {block:ifShowTitle}
  490.  
  491. {block:ifSidebarInTopLeft}
  492. <a href="/"><div align="left" class="leblogtitle">{Title}</div></a>
  493. {/block:ifSidebarInTopLeft}
  494.  
  495. {block:ifSidebarInBottomLeft}
  496. <a href="/"><div align="left" class="leblogtitle">{Title}</div></a>
  497. {/block:ifSidebarInBottomLeft}
  498. {/block:ifshowtitle}
  499. {block:ifSidebarInTopLeft}
  500. <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>
  501. {/block:ifSidebarInTopLeft}
  502.  
  503. {block:ifSidebarInBottomLeft}
  504. <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>
  505. {/block:ifSidebarInBottomLeft}
  506.  
  507.  
  508. <br>
  509.  
  510.  
  511. <div align="center">
  512. <center><br>
  513. <div class="cool">
  514. {block:IfLink1title}<a href="{text:link 1}">{text:link 1 title}</a> {/block:IfLink1title}&nbsp;&nbsp;&nbsp;
  515. {block:IfLink2title}<a href="{text:link 2}">{text:link 2 title}</a> {/block:IfLink2title}&nbsp;&nbsp;&nbsp;
  516. {block:IfLink3title}<a href="{text:link 3}">{text:link 3 title}</a>{/block:IfLink3title}&nbsp;&nbsp;&nbsp;
  517. {block:IfLink4title}<a href="{text:link 4}">{text:link 4 title}</a>{/block:IfLink4title}&nbsp;&nbsp;&nbsp;
  518. {block:IfLink5title}<a href="{text:link 5}">{text:link 5 title}</a>{/block:IfLink5title}&nbsp;&nbsp;&nbsp;
  519. {block:IfLink6title}<a href="{text:link 6}">{text:link 6 title}</a> {/block:IfLink6title}&nbsp;&nbsp;&nbsp;
  520. {block:IfLink7title}<a href="{text:link 7}">{text:link 7 title}</a> {/block:IfLink7title}</div>
  521.  
  522. </div>
  523. </div>
  524. </center>
  525.  
  526. <div align="center">
  527.  
  528. <div id="posts">
  529.  
  530. {block:Posts}
  531. <div id="entry">
  532. {block:Photo}
  533. {block:IndexPage}
  534. {block:ifShowReblogOnHover}
  535. <div id="reblog"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://static.tumblr.com/npfupbw/7k6mrx0v6/reblog.png" /></a></div>
  536. {/block:ifShowReblogOnHover}
  537. <div id="postys">
  538. <a href="{permalink}">
  539. <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>
  540.  
  541. {/block:IndexPage}
  542. {block:PermalinkPage}{Caption}{/block:Caption}
  543. {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>
  544. {/block:PermalinkPage}
  545. {/block:Photo}
  546.  
  547. {block:Photoset}
  548. <div style="padding-top:30px; padding-bottom:30px;"><a href="{permalink}">
  549. {Photoset-250}</a></div>
  550. {/block:Photoset}
  551.  
  552. {block:Text}<div style="padding-top:10px; padding-bottom:0px; padding-left:10px; padding-right:10px;">
  553. {block:Title}
  554. <a href="{permalink}"><span class="title">{Title}</span></a>
  555. {/block:Title}
  556. <span class="entrytext" style="line-height:12px;">{Body}</span>
  557. <a href="{Permalink}"></a></div>
  558. {block:indexpage}<hr size=".8" width="230">
  559. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  560. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  561. </a></div>{/block:indexpage}
  562. {/block:Text}
  563.  
  564. {block:Link}<div style="padding-top:15px; padding-bottom:0px;>
  565. <a href="{URL}"><span class="title">{Name}</span></a></div>
  566. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  567. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  568. {block:indexpage}<hr size=".8" width="230">
  569. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  570. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  571. </a></div>{/block:indexpage}
  572. {/block:Link}
  573.  
  574. {block:Quote}
  575. <div style="padding-top:10px; padding-bottom:10px;">
  576. <span class="title" style="line-height:16px;">"{Quote}"</span><br><br>
  577. <div style="text-align: right; padding-right:10px;"><a href="{Permalink}">{block:Source}
  578. -{Source}
  579. {/block:Source}</a></div><br>{block:indexpage}<hr size=".8" width="230">
  580. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  581. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  582. </a></div>{/block:indexpage}
  583. </div>
  584. {/block:Quote}
  585.  
  586. {block:Chat}
  587. <div style="padding-top:15px; padding-bottom:10px;">
  588. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  589. <ul class="chat">
  590. {block:Lines}
  591. <li class="user_{UserNumber}">
  592. {block:Label}
  593. <span class="label" style="line-height:12px;">{Label}</span>
  594. {/block:Label}
  595. {Line}
  596. </li>
  597. {/block:Lines}
  598. </ul>
  599. {block:Caption}{Caption}{/block:Caption}
  600. <br>{block:indexpage}<hr size=".8" width="230">
  601. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  602. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  603. </a></div>{/block:indexpage}
  604. </div>
  605. {/block:Chat}
  606.  
  607. {block:Audio}
  608. <div style="padding-top:30px; padding-bottom:0px;">
  609. <div style="float:center">
  610. {AudioPlayerGrey}
  611. </div>
  612. </div>
  613.  
  614. <div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
  615. <hr size="1" width="260">
  616. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  617. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  618. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  619. </a></div>{/block:indexpage}
  620. {/block:Audio}
  621.  
  622. {block:Video}
  623. <div style="padding-top:28px; padding-bottom:8px;">
  624. {Video-250}</div>
  625. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  626. {block:indexpage}<hr size=".8" width="230">
  627. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  628. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  629. </a></div>{/block:indexpage}
  630. {/block:Video}
  631.  
  632. {block:PermalinkPage}</a>
  633. <div id="permapage"><br>
  634. {block:notecount}
  635. {notecountwithlabel}
  636. {/block:notecount}&nbsp;&nbsp;{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} Reblogged from
  637. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
  638. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  639. {/block:RebloggedFrom}
  640. <br><br>
  641. <div align="left">
  642. {block:PostNotes}
  643. {PostNotes}
  644. {/block:PostNotes}
  645. </div>
  646. </div>
  647. {/block:PermalinkPage}
  648. </div>
  649. {/block:Posts}
  650. </div>
  651. </div>
  652. </div>
  653. </center>
  654. </div>
  655. </div>
  656. {block:indexpage}
  657. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  658. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  659. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  660. <script type="text/javascript">
  661. $(window).load(function(){
  662. var $wall = $('#posts');
  663. $wall.imagesLoaded(function(){
  664. $wall.masonry({
  665. itemSelector: '#entry, #entry_photo',
  666. isAnimated : false
  667. });
  668. });
  669.  
  670. $wall.infinitescroll({
  671. navSelector : '#page-nav',
  672. nextSelector : '#page-nav a',
  673. itemSelector : '#entry, #entry_photo',
  674. bufferPx : 2000,
  675. debug : false,
  676. errorCallback: function() {
  677. $('#infscr-loading').fadeOut('normal');
  678. }},
  679. function( newElements ) {
  680. var $newElems = $( newElements );
  681. $newElems.hide();
  682. $newElems.imagesLoaded(function(){
  683. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  684. });
  685. }); $('#content').show(500);
  686. });
  687. </script>
  688. {/block:indexpage}
  689. <div class="credit">
  690. <a href="http://ariauagrande.tumblr.com" target="_blank">
  691. <img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
  692. </a><div style="position:fixed; bottom:10px; left:10px;">
  693. <a href="http://ariauagrande.tumblr.com" target="_blank"><img class="normal" src="http://static.tumblr.com/npfupbw/JUImuhp0t/i-cant-breaathe.png"</a>
  694. </div>
  695. </body>
  696. </html>
Advertisement
Add Comment
Please, Sign In to add comment