ariauagrande

ariauagrande theme #2

Aug 18th, 2013
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.87 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:Post Box" content="#ffffff"/>
  15. <meta name="color:Blog Title" content="#000000"/>
  16. <meta name="color:Blog Description" content="#000000"/>
  17. <meta name="color:Title" content="#ffffff"/>
  18. <meta name="color:Title Stroke" content="#000000">
  19. <meta name="color:Text" content="#000000"/>
  20. <meta name="color:Link" content="#000000"/>
  21. <meta name="color:Hover" content="#ffffff"/>
  22. <meta name="font:Title" content="Trebuchet MS, Arial, Helvetica, futura, Georgia, sans-serif"/>
  23. <meta name="font:Blog Title" content="Most Wazted"/>
  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:Inverted Fade" content="0"/>
  34. <meta name="if:Rounded Edges" content="0"/>
  35. <meta name="if:Show Photo" content="1"/>
  36. <meta name="if:Small Sidebar Image" content="0"/>
  37. <meta name="if:Show Title" content="1"/>
  38. <meta name="text:Custom Link One" content="" />
  39. <meta name="text:Custom Link One Title" content="" />
  40. <meta name="text:Custom Link Two" content="" />
  41. <meta name="text:Custom Link Two Title" content="" />
  42. <meta name="text:Custom Link Three" content="" />
  43. <meta name="text:Custom Link Three Title" content="" />
  44. <meta name="text:Custom Link Four" content="" />
  45. <meta name="text:Custom Link Four Title" content="" />
  46. <meta name="text:Custom Link Five" content="" />
  47. <meta name="text:Custom Link Five Title" content="" />
  48. <meta name="text:Custom Link Six" content="" />
  49. <meta name="text:Custom Link Six Title" content="" />
  50. <meta name="text:Custom Link Seven" content="" />
  51. <meta name="text:Custom Link Seven Title" content="" />
  52.  
  53. </script>
  54. <style type="text/css">
  55. {block:ifinvertedfade}img{-webkit-transition: opacity 0.7s linear;opacity: 0.8;}img:hover{-webkit-transition: opacity 0.5s linear;opacity: 1;}{/block:ifinvertedfade}
  56. body{
  57. margin:0px;
  58. background-color: {color:Background};
  59. background-image:url({image:Background});
  60. background-attachment: fixed;
  61. background-repeat: repeat;
  62. font-size: 9px;
  63. font-family:{font:Body};
  64. line-height:10px;
  65. color:{color:Text};
  66. }
  67. #bite .death {
  68. margin-top:-40px;filter: alpha(opacity = 0);
  69. opacity:0;-webkit-transition: all 0.5s ease-out;
  70. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  71. }
  72. #bite:hover .death {
  73. margin-top:2px;
  74. -webkit-transition: all 0.8s ease-out;
  75. -moz-transition: all 0.8s ease-out;
  76. transition: all 0.8s ease-out;
  77. filter: alpha(opacity = 100);
  78. filter: alpha(opacity = 100);
  79. opacity:100;
  80. }
  81. a:link, a:active, a:visited{
  82. color: {color:Link};
  83. text-decoration: none;
  84. -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;
  85. }
  86.  
  87. a:hover{
  88. color:{color:Hover};
  89. text-decoration: none;
  90. -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;
  91. }
  92.  
  93. .sidelink{;
  94. font-family: {font:Body};
  95. font-color: {color:Text};
  96. }
  97. .sidelink:hover{background-color:rgba(0,0,0,0);
  98.  
  99. color:{color:Hover};
  100. padding-left:0px;
  101. margin:0px;width:auto;
  102. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  103. .sidelink a:hover{color: {color:Link};
  104. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  105.  
  106. }
  107.  
  108. #postys{width:355px; height:auto;}
  109. {block:PermalinkPage}
  110. width:370px;
  111. {/block:PermalinkPage}
  112. {block:ifRoundedEdges}
  113. -moz-border-radius: 3px;
  114. border-radius: 3px;
  115. {/block:ifRoundedEdges}
  116. }
  117.  
  118.  
  119. #jango{
  120. padding-top:3px;
  121. padding-bottom:3px;
  122. position:fixed !important;
  123. width:355px;
  124. height:207px;
  125. background-color:{color:Post Box};
  126. {block:PermalinkPage}
  127. width:370px;
  128. height:207px;
  129. {/block:PermalinkPage}
  130. {block:ifRoundedEdges}
  131. -moz-border-radius: 3px;
  132. border-radius: 3px;
  133. {/block:ifRoundedEdges}
  134. }
  135.  
  136.  
  137. #barside{
  138. z-index:999999999999999;
  139. position:absolute !important;
  140. position:fixed !important;
  141. {block:ifSidebarInBottomLeft}
  142. bottom:160px;
  143. left: 340px;
  144. width:200px;
  145. {/block:ifSidebarInBottomLeft}
  146. {block:ifSidebarInTopLeft}
  147. top:160px;
  148. left: 340px;
  149. width:200px;
  150. {/block:ifSidebarInTopLeft}
  151. background-color: transparent;
  152. }
  153.  
  154.  
  155. #rake{
  156. margin:auto;
  157. left:0px;
  158. top:10px;
  159. padding-top:5px;
  160. padding-left:0px;
  161. position:absolute;
  162. {block:indexpage}
  163. width:1070px;
  164. {/block:indexpage}
  165. {block:permalinkpage}
  166. width:900px;
  167. left:50px;
  168. {/block:permalinkpage}
  169. overflow:hidden;
  170. }
  171.  
  172. #posts{
  173. float:right;
  174. {block:indexpage}
  175. width:500px;
  176. {/block:indexpage}
  177. {block:permalinkpage}
  178. width:380px;
  179. {/block:permalinkpage}
  180. margin-left:68px;
  181. }
  182.  
  183. .credit{
  184. position:fixed;
  185. right:6px;
  186. top:25px;
  187. z-index:9999;
  188. opacity:0.4;
  189. -webkit-transition: all 1s linear;
  190. -webkit-transition: all 1s linear;
  191. -moz-transition: all 1s linear;
  192. transition: all 1s linear;
  193. }
  194. .credit:hover{
  195. opacity:1;
  196. -webkit-transition: all 1s linear;
  197. -webkit-transition: all 1s linear;
  198. -moz-transition: all 1s linear;
  199. transition: all 1s linear;
  200. }
  201.  
  202.  
  203. #entry{
  204. z-index:9999;
  205. {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  206. -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  207. box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows}
  208. border:0px solid;
  209. border-color: #f1f1f1;
  210. float: left;
  211. width: 355px;
  212. height: auto;
  213. {block:PermalinkPage}
  214. width: 370px;
  215. height: auto;
  216. {/block:PermalinkPage}
  217. line-height:8px;
  218. background-color:{color:Post Box};
  219. padding:0px;
  220. margin-right:70px;
  221. {block:iflessspacebetweenposts}
  222. margin-right:25px;
  223. {/block:iflessspacebetweenposts}
  224. overflow:hidden;
  225. margin-bottom:70px;
  226. {block:iflessspacebetweenposts}
  227. margin-bottom:25px;
  228. {/block:iflessspacebetweenposts}
  229. {block:ifRoundedEdges}
  230. -moz-border-radius: 3px;
  231. border-radius: 3px;
  232. {/block:ifRoundedEdges}
  233. }
  234.  
  235.  
  236. #entry img{
  237. {block:IndexPage}
  238. max-width: 355px;
  239. height: auto;
  240. {/block:IndexPage}
  241. {block:PermalinkPage}
  242. max-width: 370px;
  243. height: auto;
  244. {/block:PermalinkPage}
  245. }
  246.  
  247. #entry:hover #permalink {
  248. width:11px;
  249. margin-top: 11px;
  250. margin-left: 58px;
  251. opacity: 1;
  252. }
  253.  
  254. .countreblog {
  255. color: #FFFFFF;
  256. letter-spacing:1px;
  257. font-family:10px arial;
  258. font-size:;
  259. line-height:14px;
  260. margin: 2px;
  261. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  262. background-repeat:repeat;
  263. border:1px solid rgba(0,0,0,0.1);
  264. padding:3px 5px;
  265. -webkit-border-radius:2px;
  266. moz-border-radius:2px;
  267. -o-border-radius:2px;
  268. border-radius:2px;
  269. }
  270. .countreblog a { color: #fff; }
  271. {/block:ifShownotesonphoto}
  272. {block:ifShowReblogOnHover}
  273. #entry:hover #reblog{
  274. {block:IndexPage}
  275. opacity:1;-webkit-transition: all 0.3s ease-out;
  276. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  277. {/block:IndexPage}
  278. }
  279. #reblog{
  280. width:24px;
  281. float:right;
  282. opacity:.8;
  283. margin-left:5px;
  284. margin-top:11px;
  285. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  286. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  287. {/block:ifShowReblogOnHover}
  288. #entry:hover #reblog{
  289. {block:IndexPage}
  290. opacity:1;-webkit-transition: all 0.3s ease-out;
  291. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  292. {/block:IndexPage}
  293. }
  294. #reblog{
  295. width:24px;
  296. float:right;
  297. opacity:.8;
  298. margin-left:5px;
  299. margin-top:11px;
  300. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  301. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  302. {/block:ifShowReblogOnHover}
  303. #permapage{
  304. font-family: {Font:Body};
  305. font-size: 9px;
  306. text-align: center;
  307. padding-bottom:10px;
  308. z-index:9999;}
  309.  
  310. #notes{
  311. {block:permalinkpage}
  312. background-color:{color:Post Box};
  313. display:block;
  314. width:800px;
  315. float: left;
  316. padding:10px;
  317. overflow:visible;
  318. z-index:9999999;
  319. margin-top: 10px;
  320. {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  321. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  322. box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
  323. {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
  324. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  325. box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
  326. outline:1px solid rgba(0, 0, 0, .1);
  327. border:2px solid rgba(0, 0, 0, .05);
  328. text-align: left;{/block:permalinkpage}
  329. }
  330.  
  331. iframe#tumblr_controls{position:fixed !important;
  332. }
  333.  
  334. {block:iffadedimagesonhover}
  335. img{ -webkit-transition: opacity 0.4s linear; opacity: 1; }
  336. img:hover{ -webkit-transition: opacity 0.4s linear; opacity: 0.75; }
  337. {/block:iffadedimagesonhover}
  338.  
  339. .title{
  340. font-family: {font:Title};
  341. font-size: 12px;
  342. line-height: 12px;
  343. color: {color:Title};
  344. font-weight: normal;
  345. letter-spacing: 0px;
  346. }
  347.  
  348. .leblogtitle{
  349. font-family: Most Wazted;
  350. font-size: 40px;
  351. transform: rotate(-10deg);
  352. -ms-transform: rotate(-10deg);
  353. -webkit-transform: rotate(-10deg);
  354. -o-transform: rotate(-10deg);
  355. -moz-transform: rotate(-10deg);
  356. line-height: 24px;
  357. margin-top:-42px;
  358. margin-left:-65px;
  359. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  360. color: {color:Blog Title};
  361. font-weight: normal;
  362. -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;
  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. a.links:hover {
  449. text-decoration: none;
  450. letter-spacing:10px;
  451. }
  452. .death {
  453. padding:0px;
  454. }
  455.  
  456. .death a{
  457. padding:5px;
  458. }
  459.  
  460. </style>
  461. <link rel="shortcut icon" href="{Favicon}">
  462. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  463. <meta name="viewport" content="width=720" />
  464. </head>
  465. <body>
  466.  
  467. <div class="credit">
  468. </div>
  469.  
  470.  
  471. <div id="jango">
  472. <div id="rake">
  473. <div id="barside">
  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:1px; {block:ifShowTitle}margin-top:19px;{/block:ifShowTitle}margin-bottom:-15px; color:{color:Blog Description};">{description}</div>
  504. {/block:ifSidebarInTopLeft}
  505.  
  506. {block:ifSidebarInBottomLeft}
  507. <div align="left" style="line-height:14px; margin-top:1px; {block:ifShowTitle}margin-top:19px;{/block:ifShowTitle}margin-bottom:-15px; color:{color:Blog Description};">{description}</div>
  508. {/block:ifSidebarInBottomLeft}
  509.  
  510.  
  511. <br>
  512.  
  513.  
  514. <div align="center">
  515. <center><br>
  516. <div class="death">
  517. {block:ifCustomLinkOneTitle} <a href="{text:Custom Link One}" class="sidelink">{text:Custom Link One Title} </a> {/block:ifCustomLinkOneTitle}
  518. {block:ifCustomLinkTwoTitle} <a href="{text:Custom Link Two}" class="sidelink"> {text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  519. {block:ifCustomLinkThreeTitle} <a href="{text:Custom Link Three}" class="sidelink"> {text:Custom Link Three Title} </a>{/block:ifCustomLinkThreeTitle}{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="sidelink"> {text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}{block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" class="sidelink"> {text:Custom Link Five Title} </a>{/block:ifCustomLinkFiveTitle} {block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" class="sidelink"> {text:Custom Link Six Title}</a>{/block:ifCustomLinkSixTitle}
  520. {block:ifCustomLinkSevenTitle}<a href="{text:Custom Link Seven}" class="sidelink"> {text:Custom Link Seven Title}</a>{/block:ifCustomLinkSevenTitle}
  521. </div>
  522.  
  523. </div>
  524. </div>
  525. </center>
  526.  
  527. <div align="center">
  528.  
  529. <div id="posts">
  530.  
  531. {block:Posts}
  532. <div id="entry">
  533. {block:Photo}
  534. {block:IndexPage}
  535. {block:ifShowReblogOnHover}
  536. <div id="reblog"><a href=""><img src="http://static.tumblr.com/npfupbw/EOQmram7d/reblog.png" width="24px;"/></a></a></span></div>
  537. {/block:ifShowReblogOnHover}
  538. <div id="postys">
  539. <a href="{permalink}">
  540. <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>
  541.  
  542. {/block:IndexPage}
  543. {block:PermalinkPage}{Caption}{/block:Caption}
  544. {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>
  545. {/block:PermalinkPage}
  546. {/block:Photo}
  547.  
  548. {block:Photoset}
  549. <div style="padding-top:30px; padding-bottom:30px;"><a href="{permalink}">
  550. {Photoset-250}</a></div>
  551. {/block:Photoset}
  552.  
  553. {block:Text}<div style="padding-top:10px; padding-bottom:0px; padding-left:10px; padding-right:10px;">
  554. {block:Title}
  555. <a href="{permalink}"><span class="title">{Title}</span></a>
  556. {/block:Title}
  557. <span class="entrytext" style="line-height:12px;">{Body}</span>
  558. <a href="{Permalink}"></a></div>
  559. {block:indexpage}<hr size=".8" width="230">
  560. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  561. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  562. </a></div>{/block:indexpage}
  563. {/block:Text}
  564.  
  565. {block:Link}<div style="padding-top:15px; padding-bottom:0px;>
  566. <a href="{URL}"><span class="title">{Name}</span></a></div>
  567. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  568. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  569. {block:indexpage}<hr size=".8" width="230">
  570. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  571. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  572. </a></div>{/block:indexpage}
  573. {/block:Link}
  574.  
  575. {block:Quote}
  576. <div style="padding-top:10px; padding-bottom:10px;">
  577. <span class="title" style="line-height:16px;">"{Quote}"</span><br><br>
  578. <div style="text-align: right; padding-right:10px;"><a href="{Permalink}">{block:Source}
  579. -{Source}
  580. {/block:Source}</a></div><br>{block:indexpage}<hr size=".8" width="230">
  581. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  582. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  583. </a></div>{/block:indexpage}
  584. </div>
  585. {/block:Quote}
  586.  
  587. {block:Chat}
  588. <div style="padding-top:15px; padding-bottom:10px;">
  589. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  590. <ul class="chat">
  591. {block:Lines}
  592. <li class="user_{UserNumber}">
  593. {block:Label}
  594. <span class="label" style="line-height:12px;">{Label}</span>
  595. {/block:Label}
  596. {Line}
  597. </li>
  598. {/block:Lines}
  599. </ul>
  600. {block:Caption}{Caption}{/block:Caption}
  601. <br>{block:indexpage}<hr size=".8" width="230">
  602. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  603. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  604. </a></div>{/block:indexpage}
  605. </div>
  606. {/block:Chat}
  607.  
  608. {block:Audio}
  609. <div style="padding-top:30px; padding-bottom:0px;">
  610. <div style="float:center">
  611. {AudioPlayerGrey}
  612. </div>
  613. </div>
  614.  
  615. <div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
  616. <hr size="1" width="260">
  617. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  618. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  619. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  620. </a></div>{/block:indexpage}
  621. {/block:Audio}
  622.  
  623. {block:Video}
  624. <div style="padding-top:28px; padding-bottom:8px;">
  625. {Video-250}</div>
  626. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  627. {block:indexpage}<hr size=".8" width="230">
  628. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  629. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  630. </a></div>{/block:indexpage}
  631. {/block:Video}
  632.  
  633. {block:PermalinkPage}</a>
  634. <div id="permapage"><br>
  635. {block:notecount}
  636. {notecountwithlabel}
  637. {/block:notecount}&nbsp;&nbsp;{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} Reblogged from
  638. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
  639. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  640. {/block:RebloggedFrom}
  641. <br><br>
  642. <div align="left">
  643. {block:PostNotes}
  644. {PostNotes}
  645. {/block:PostNotes}
  646. </div>
  647. </div>
  648. {/block:PermalinkPage}
  649. </div>
  650. {/block:Posts}
  651. </div>
  652. </div>
  653. </div>
  654. </center>
  655. </div>
  656. </div>
  657. {block:indexpage}
  658. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  659. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  660. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  661. <script type="text/javascript">
  662. $(window).load(function(){
  663. var $wall = $('#posts');
  664. $wall.imagesLoaded(function(){
  665. $wall.masonry({
  666. itemSelector: '#entry, #entry_photo',
  667. isAnimated : false
  668. });
  669. });
  670.  
  671. $wall.infinitescroll({
  672. navSelector : '#page-nav',
  673. nextSelector : '#page-nav a',
  674. itemSelector : '#entry, #entry_photo',
  675. bufferPx : 2000,
  676. debug : false,
  677. errorCallback: function() {
  678. $('#infscr-loading').fadeOut('normal');
  679. }},
  680. function( newElements ) {
  681. var $newElems = $( newElements );
  682. $newElems.hide();
  683. $newElems.imagesLoaded(function(){
  684. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  685. });
  686. }); $('#content').show(500);
  687. });
  688. </script>
  689. {/block:indexpage}
  690. <div class="credit">
  691. <a href="http://ariauagrande.tumblr.com" target="_blank">
  692. <img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
  693. </a>
  694. </div>
  695. </body>
  696. </html>
Advertisement
Add Comment
Please, Sign In to add comment