ariauagrande

ariauagrande theme #1

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