API tools faq
paste
Advertisement
CharlieAgronThemes

Theme #2 “By Night II Columns” - Charlie Agron Themes

CharlieAgronThemes
May 17th, 2012
2,709
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5.  
  6. <!-- By Night Theme "2 Columns" by Charlie Agron |
  7. Free tumblr themes made for you , if you need more tumblr themes, visit me on http://mrcharlieagron.tumblr.com
  8.  
  9. <!-- Enojy! -->
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}" / />
  18.  
  19.  
  20. <!-- FEATURES | EDIT | CHARLIE-AGRON THEMES -->
  21. <meta name="image:Background image" content="http://static.tumblr.com/jxakff1/Chjm46dtd/bg.png" />
  22. <meta name="color:Background" content="#020101"/>
  23. <meta name="color:Content" content="#020202"/>
  24. <meta name="color:Menu" content="#050505"/>
  25. <meta name="color:MenuHover" content="#050505"/>
  26. <meta name="color:Sidebar" content="#000000"/>
  27. <meta name="color:Caption" content="#090909"/>
  28. <meta name="color:Border" content="#202020"/>
  29. <meta name="color:Permalink" content="#0f0f0f"/>
  30. <meta name="color:Permalink Hover" content="#141414"/>
  31.  
  32. <meta name="if:Fade Post" content="0"/>
  33. <meta name="if:Show Captions" content="1"/>
  34. <meta name="if:Show Title" content="1"/>
  35. <meta name="if:Show Submit" content="0" />
  36. <meta name="if:Show Pages" content="0"/>
  37. <meta name="if:Show Ask" content="1"/>
  38. <meta name="if:Shadow" content="1"/>
  39. <meta name="color:Shadow" content="#000"/>
  40.  
  41. <meta name="color:Text" content="#7d7d7d"/>
  42. <meta name="color:SidebarText" content="#7d7d7d"/>
  43. <meta name="color:Title" content="#fff"/>
  44.  
  45. <meta name="color:Link" content="#d7d7d7"/>
  46. <meta name="color:LinkHover" content="#fff"/>
  47.  
  48. <meta name="text:Ask Title" content="Ask" />
  49.  
  50. <meta name="image:sidebar" content="0"/>
  51. <meta name="text:Link 1 title" content="" />
  52. <meta name="text:Link 1 url" content="" />
  53. <meta name="text:Link 2 title" content="" />
  54. <meta name="text:Link 2 url" content="" />
  55. <meta name="text:Link 3 title" content="" />
  56. <meta name="text:Link 3 url" content="" />
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  59.  
  60. <style type="text/css">
  61. body {
  62. background-image: url({image:Background image});
  63. background-color: {color:Background};
  64. color:{color:Text};
  65. background-repeat: repeat;
  66. background-attachment: fixed;
  67. overflow-x:hidden;
  68. text-align:left;
  69. font-family:Arial, Helvetica, sans-serif;
  70. font-size: 11px;
  71. line-height:14px;
  72. overflow:auto;
  73. }
  74.  
  75. #wrapper {
  76. margin-left:340px;
  77. width:880px;
  78. }
  79.  
  80. #content {
  81. width:880px;
  82. position:relative;
  83. }
  84.  
  85. .post {
  86. background-color:{color:Content};
  87. padding:8px;
  88. margin:6px;
  89. margin-right:2px;
  90. float:left;
  91. border: 1px solid {color:Border};
  92. {block:ifShadow}box-shadow: 0px 0px 7px {color:Shadow};{/block:ifShadow}
  93. overflow:hidden;
  94. {block:IndexPage}
  95. width:400px;
  96. height:auto;
  97. {/block:IndexPage}
  98. {block:PermalinkPage}
  99. width:auto;
  100. min-width:500px;
  101. max-width:1000px;
  102. height:auto;
  103. {block:PermalinkPage}
  104. -webkit-transition: opacity 0.9s linear;
  105. -webkit-transition: all 0.4s ease-out;
  106. -moz-transition: all 0.4s ease-out;
  107. transition: all 0.4s ease-out;
  108. }
  109.  
  110. #cage_sidebar {
  111. background-color:{color:Sidebar};
  112. border: 1px solid {color:Border};
  113. {block:ifShadow}box-shadow: 0px 0px 7px {color:Shadow};{/block:ifShadow};
  114. position:fixed;
  115. left:-1px;
  116. top:-2px;
  117. width:300px;
  118. height:950px;
  119. z-index:1;
  120. }
  121.  
  122. .portrait {
  123. padding:10px;
  124. border: 1px solid {color:Border};
  125. -webkit-transition: opacity 0.9s linear;
  126. -webkit-transition: all 0.2s ease-out;
  127. -moz-transition: all 0.2s ease-out;
  128. transition: all 0.2s ease-out;
  129. }
  130.  
  131. .portrait:hover {
  132. padding:10px;
  133. border: 1px solid {color:Border};
  134. -webkit-transition: opacity 0.9s linear;
  135. opacity: 0.6;
  136. -webkit-transition: all 0.2s ease-out;
  137. -moz-transition: all 0.2s ease-out;
  138. transition: all 0.2s ease-out;
  139. }
  140.  
  141. .center-sidebar {
  142. width:280px;
  143. margin-left:15px;
  144.  
  145. }
  146.  
  147. .description {
  148. text-align:left;
  149. font-family:Arial, Helvetica, sans-serif;
  150. font-size: 11px;
  151. line-height:14px;
  152. color:{color:SidebarText};
  153. }
  154.  
  155. .menu {
  156. background-color:{color:Menu};
  157. font-size:11px;
  158. font-family:Arial, Helvetica, sans-serif;
  159. border-bottom: 1px solid {color:Border};
  160. padding:3px;
  161. margin:2px;
  162. -webkit-transition: opacity 0.9s linear;
  163. -webkit-transition: all 0.4s ease-out;
  164. -moz-transition: all 0.4s ease-out;
  165. transition: all 0.4s ease-out;
  166. }
  167.  
  168. .menu:hover {
  169. background-color:{color:MenuHover};
  170. font-size:11px;
  171. font-family:Arial, Helvetica, sans-serif;
  172. border-bottom: 1px solid {color:Border};
  173. letter-spacing:4px;
  174. padding:3px;
  175. margin:2px;
  176. -webkit-transition: opacity 0.9s linear;
  177. opacity: 0.8;
  178. -webkit-transition: all 0.2s ease-out;
  179. -moz-transition: all 0.2s ease-out;
  180. transition: all 0.2s ease-out;
  181. }
  182.  
  183. .padding {
  184. padding:6px;
  185. }
  186.  
  187. .perma {
  188. opacity:0;
  189. width: auto;
  190. left:284px;
  191. top:-4px;
  192. height: 50px;
  193. position: absolute;
  194. -webkit-transition: opacity 0.9s linear;
  195. -webkit-transition: all 0.4s ease-out;
  196. -moz-transition: all 0.4s ease-out;
  197. transition: all 0.4s ease-out;
  198. }
  199.  
  200. .post:hover {
  201. {block:ifFadePost}opacity:0.7;{/block:ifFadePost}
  202. -webkit-transition: opacity 0.9s linear;
  203. -webkit-transition: all 0.4s ease-out;
  204. -moz-transition: all 0.4s ease-out;
  205. transition: all 0.4s ease-out;
  206. }
  207.  
  208. .post:hover .perma{
  209. opacity: 1;
  210. top:-4px;
  211. width: auto;
  212. left:284px;
  213. height: 50px;
  214. -webkit-transition: opacity 0.9s linear;
  215. -webkit-transition: all 0.4s ease-out;
  216. -moz-transition: all 0.4s ease-out;
  217. transition: all 0.4s ease-out;
  218. {block:PermalinkPage}
  219. opacity: 0;
  220. {/block:PermalinkPage}
  221. }
  222.  
  223. .background-permalink-notes{
  224. background-color:{color:Permalink};
  225. background-repeat:repeat;
  226. width:auto;
  227. margin:0px;
  228. padding:5px;
  229. font-size:11px;
  230. height:21px;
  231. border: 1px solid {color:Border};
  232. {block:ifShadow}box-shadow: 0px 0px 7px {color:Shadow};{/block:ifShadow}
  233. }
  234.  
  235. .background-permalink-notes:hover{
  236. background-color:{color:PermalinkHover};
  237. background-repeat:repeat;
  238. width:auto;
  239. margin:0px;
  240. padding:5px;
  241. font-size:11px;
  242. height:21px;
  243. border: 1px solid {color:Border};
  244. {block:ifShadow}box-shadow: 0px 0px 7px {color:Shadow};{/block:ifShadow}
  245. }
  246.  
  247. .permalink-effect {
  248. opacity:1;
  249. -webkit-transition: opacity 0.9s linear;
  250. -webkit-transition: all 0.4s ease-out;
  251. -moz-transition: all 0.4s ease-out;
  252. transition: all 0.4s ease-out;
  253. }
  254.  
  255. .permalink-effect:hover {
  256. opacity:0.7;
  257. -webkit-transition: opacity 0.9s linear;
  258. -webkit-transition: all 0.4s ease-out;
  259. -moz-transition: all 0.4s ease-out;
  260. transition: all 0.4s ease-out;
  261. }
  262.  
  263. .text-notes {
  264. margin-top:3px;
  265. margin-left:-1px;
  266. text-align:center;
  267. }
  268.  
  269. .photo {
  270. {block:IndexPage}
  271. width:400px;
  272. height:auto;
  273. {/block:IndexPage}
  274. {block:PermalinkPage}
  275. with:auto;
  276. height:auto;
  277. {/block:PermalinkPage}
  278. }
  279.  
  280. .photo:hover {
  281. {block:IndexPage}
  282. width:400px;
  283. height:auto;
  284. {/block:IndexPage}
  285. {block:PermalinkPage}
  286. with:auto;
  287. height:auto;
  288.  
  289. {/block:PermalinkPage}
  290. }
  291.  
  292. .chatline {
  293. background-color:{color:Caption};
  294. padding:3px;
  295. margin:5px;
  296. }
  297.  
  298. .notes-tags{
  299. background-color:{color:Caption};
  300. padding:3px;
  301. margin:5px;
  302. }
  303.  
  304. .noteslink {
  305. background-color:{color:Content};
  306. width:auto;
  307. padding:3px;
  308. -webkit-border-radius: 3px;
  309. -moz-border-radius: 3px;
  310. border-radius: 3px
  311. }
  312.  
  313. a:link {
  314.  
  315. color:{color:Link};
  316. text-decoration: none;
  317. -webkit-transition: opacity 0.7s linear;
  318. opacity: 0.9;
  319. -webkit-transition: all 0.4s ease-out;
  320. -moz-transition: all 0.4s ease-out;
  321. transition: all 0.4s ease-out;
  322. }
  323. a:visited {
  324. color:{color:Link};
  325. text-decoration: none;
  326. -webkit-transition: opacity 0.7s linear;
  327. opacity: 0.9;
  328. -webkit-transition: all 0.4s ease-out;
  329. -moz-transition: all 0.4s ease-out;
  330. transition: all 0.4s ease-out;
  331. }
  332. a:hover {
  333. color:{color:LinkHover};
  334. text-decoration: none;
  335. -webkit-transition: opacity 0.7s linear;
  336. opacity: 0.9;
  337. -webkit-transition: all 0.4s ease-out;
  338. -moz-transition: all 0.4s ease-out;
  339. transition: all 0.4s ease-out;
  340. }
  341. a:active {
  342. color:{color:Link};
  343. text-decoration: none;
  344. -webkit-transition: all 0.4s ease-out;
  345. -moz-transition: all 0.4s ease-out;
  346. transition: all 0.4s ease-out;
  347. }
  348.  
  349. .audioplayer {
  350. overflow:hidden;
  351. background-color:{color:Content};
  352. width:400px;
  353. }
  354.  
  355. blockquote {
  356. border-left:5px solid #8a8a8a;
  357. width:auto;
  358. height:auto;
  359. background-color:{color:Caption};
  360. padding:3px;
  361. padding-left:15px;
  362. margin-left:10px;
  363. }
  364.  
  365. h2 {
  366. font-family: 'Oswald', sans-serif;
  367. color:{color:Title};
  368. padding:0;
  369. margin:0;
  370. text-transform:uppercase;
  371. letter-spacing:-1px;
  372. font-size:18px;
  373. line-height:25px;
  374. text-align:left;
  375. }
  376.  
  377. h3 {
  378. font-family: 'Oswald', sans-serif;
  379. color:{color:Title};
  380. padding:0;
  381. margin:0;
  382. font-size:18px;
  383. text-transform:uppercase;
  384. letter-spacing:-1px;
  385. text-align:left;
  386. }
  387.  
  388.  
  389. h4 {
  390. font-family: Georgia, Times New Roman, Times, serif;
  391. color:{color:Title};
  392. padding:0;
  393. margin:0;
  394. font-size:14px;
  395. font-style:italic;
  396. text-align:left;
  397. }
  398.  
  399. .Title {
  400. font-family: 'Oswald', sans-serif;
  401. color:{color:Title};
  402. padding:0;
  403. margin:0;
  404. font-size:18px;
  405. text-transform:uppercase;
  406. letter-spacing:-1px;
  407. text-align:left;
  408. }
  409.  
  410.  
  411. #infscr-loading {
  412. height:1px;
  413. width:1px;
  414. opacity:0;
  415. position: fixed;
  416. background-color: transparent;
  417. right:50px;
  418. bottom: 20px;
  419. }
  420.  
  421.  
  422. .postnotes {
  423. margin-left:-20px;
  424. with:500px;
  425. max-width:500px;
  426. height:auto;
  427. background-color:{color:Content};
  428. padding:5px;
  429. }
  430.  
  431. .album2 {
  432. {block:IndexPage}
  433. width:400px;
  434. height:auto;
  435. {/block:IndexPage}
  436. {block:PermalinkPage}
  437. width:auto;
  438. height:auto;
  439. {/block:PermalinkPage}
  440.  
  441. }
  442.  
  443. .opacity {
  444. opacity:0;
  445. }
  446.  
  447.  
  448. #theme {
  449. position:fixed;
  450. bottom:-3px;
  451. right:0px;
  452. width:auto;
  453. height:auto;
  454. z-index:20;
  455. }
  456.  
  457.  
  458. .theme-img {
  459. -webkit-border-radius: 6px;
  460. -moz-border-radius: 6px;
  461. border-radius: 6px;
  462. opacity:0.4;
  463. border: 1px solid {color:Border};
  464. -webkit-transition: all 0.4s ease-out;
  465. -moz-transition: all 0.4s ease-out;
  466. transition: all 0.4s ease-out;
  467. }
  468.  
  469. .theme-img:hover {
  470. -webkit-border-radius: 6px;
  471. -moz-border-radius: 6px;
  472. border-radius: 6px;
  473. opacity:1;
  474. border: 1px solid {color:Border};
  475. -webkit-transition: all 0.4s ease-out;
  476. -moz-transition: all 0.4s ease-out;
  477. transition: all 0.4s ease-out;
  478. }
  479.  
  480. #up {
  481. position:fixed;
  482. bottom:2px;
  483. left:210px;
  484. width:auto;
  485. height:auto;
  486. z-index:21;
  487. }
  488.  
  489. .top {
  490. background-color:{color:Content};
  491. opacity:0.2;
  492. margin-left:90px;
  493. border: 1px solid {color:Border};
  494. -webkit-transition: all 0.4s ease-out;
  495. -moz-transition: all 0.4s ease-out;
  496. transition: all 0.4s ease-out;
  497. border-radius: 4px;
  498. }
  499.  
  500. .top:hover {
  501. background-color:{color:Content};
  502. font-family:Arial, Helvetica, sans-serif;
  503. font-size: 11px;
  504. font-weight:bold;
  505. opacity:1;
  506. margin-left:90px;
  507. border: 1px solid {color:Border};
  508. -webkit-transition: all 0.4s ease-out;
  509. -moz-transition: all 0.4s ease-out;
  510. transition: all 0.4s ease-out;
  511. border-radius: 4px;
  512. }
  513.  
  514.  
  515. {CustomCSS}
  516. </style>
  517.  
  518. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  519. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  520. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  521.  
  522. {block:IfEndlessScroll}
  523. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  524. {/block:IfEndlessScroll}
  525.  
  526. <script type="text/javascript">
  527. $(document).ready(function() {
  528. $('#arriba').click(function(){ //Id del elemento cliqueable
  529. $('html, body').animate({scrollTop:0}, 'slow');
  530. return false;
  531. });
  532. });
  533. </script>
  534.  
  535. </head>
  536.  
  537. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  538. <script src="http://static.tumblr.com/jxakff1/Qklm46pw1/2columns.js"></script>
  539.  
  540.  
  541.  
  542. <body>
  543. <div id="cage_sidebar">
  544. <div class="center-sidebar">
  545. <table width="220" border="0" align="center" cellpadding="0" cellspacing="0">
  546. <tr>
  547. <td></br>{block:IfSidebarImage}<a href="/"><img src="{image:Sidebar}" width="220px" height="220px" border="0" class="portrait"/></a>{/block:IfSidebarImage}</td>
  548. </tr>
  549. </table></br>
  550. {block:ifShowTitle}
  551. <table width="250" border="0" align="center" cellpadding="0" cellspacing="0">
  552. <tr>
  553. <td height="26"><div align="center"><span class="Title">{Title}</a></span></div></td>
  554. </tr>
  555. </table></br>{/block:ifShowTitle}
  556. <table width="250" border="0" align="center" cellpadding="0" cellspacing="0">
  557. <tr>
  558. <td class="description">{block:Description}{Description}<br />
  559. {/block:Description} </td>
  560. </tr>
  561. </table>
  562. <br>
  563. <table width="250" border="0" align="center" cellpadding="2" cellspacing="0">
  564. <tr>
  565. <td width="265" height="15"><div class="menu"><a href="/" ><li>Home</li></a></div></td>
  566. </tr>
  567. {block:ifShowAsk}<tr>
  568. <td height="15"><div class="menu">{block:AskEnabled}<a href="/ask" >{block:ifasktitle}<li>{text:Ask Title}</li>{/block:ifasktitle}
  569. {block:ifnotasktitle}{/block:ifnotasktitle}</a>{/block:AskEnabled}</div></td>
  570. </tr>{/block:ifShowAsk}
  571.  
  572. {block:ifShowPages}<tr>
  573. <td width="265" height="15"><div class="menu">{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div></td>
  574. </tr>{/block:ifShowPages}
  575. <tr>{block:IfLink1title}
  576. <td width="265" height="15"><div class="menu"><a href="{text:Link 1 url}" ><li>{text:Link 1 title}</li></a></div></td>
  577. </tr>{/block:IfLink1title}
  578. {block:IfLink2title}<tr>
  579. <td height="15"><div class="menu"><a href="{text:Link 2 url}" ><li>{text:Link 2 title}</li></a></div></td>
  580. </tr>{/block:IfLink2title}
  581. {block:IfLink3title}<tr>
  582. <td height="15"><div class="menu"><a href="{text:Link 3 url}" ><li>{text:Link 3 title}</li></a></div></td>
  583. </tr>{/block:IfLink3title}
  584. {block:ifShowSubmit}<tr>
  585. <td height="15"><div class="menu"><a href="/submit"><li>Submit</li></a></div></td>
  586. </tr>{/block:ifShowSubmit}
  587. </table>
  588. </div>
  589. </div>
  590. <div id="wrapper">
  591. <div id="content">
  592. {block:Posts}
  593.  
  594. {block:Text}
  595. <div class="post"><div class="perma">{block:IndexPage}
  596. <p>
  597. <table width="290" border="0" cellpadding="1" cellspacing="0">
  598. <tr>
  599. <td width="21"><div class="background-permalink-notes"><a href="{Permalink}"><img src="http://i.imgur.com/gr3LM.png" border="0" class="permalink-effect"></a></div></td>
  600. <td width="21"><div class="background-permalink-notes"><a href="{ReblogURL}"><img src="http://i.imgur.com/00qB8.png" alt="reblog" border="0" class="permalink-effect"></a></div></td>
  601. <td width="60"><div class="background-permalink-notes">
  602. <div class="text-notes">{NoteCount}{/block:NoteCount}</div>
  603. </div></td>
  604. <td width="190">&nbsp;</td>
  605. </tr>
  606. {/block:IndexPage}</table>
  607. </p>
  608. </div>
  609. <div class="padding">
  610. {block:Title}<h2>{Title}</a></h2>{/block:Title}
  611. {Body}
  612. {block:Permalink}
  613. <table width="500" border="0" align="center" cellpadding="0" cellspacing="4" class="notes-tags">
  614. <tr>
  615. <td width="364">Posted : {block:Date}
  616. {TimeAgo}
  617. {/block:Date}<br />
  618. Notes : {block:NoteCount} <a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  619. Reblogged from : {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  620. Posted originally by: {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>
  621. {/block:RebloggedFrom}
  622.  
  623. <br />
  624. {block:HasTags}Tag: {block:Tags}<a href="{TagURL}">{Tag}</a> | {/block:Tags}{/block:HasTags}</td>
  625. </tr>
  626. </table>
  627. {/block:Permalink}
  628. </div>
  629. </div>
  630. {/block:Text}
  631.  
  632. {block:Photo}
  633. <div class="post"><div class="perma">{block:IndexPage}
  634. <p>
  635. <table width="290" border="0" cellpadding="1" cellspacing="0">
  636. <tr>
  637. <td width="21"><div class="background-permalink-notes"><a href="{Permalink}"><img src="http://i.imgur.com/gr3LM.png" border="0" class="permalink-effect"></a></div></td>
  638. <td width="21"><div class="background-permalink-notes"><a href="{ReblogURL}"><img src="http://i.imgur.com/00qB8.png" alt="reblog" border="0" class="permalink-effect"></a></div></td>
  639. <td width="60"><div class="background-permalink-notes">
  640. <div class="text-notes">{NoteCount}{/block:NoteCount}</div>
  641. </div></td>
  642. <td width="190">&nbsp;</td>
  643. </tr>
  644. {/block:IndexPage}</table>
  645. </p>
  646. </div>
  647.  
  648. {block:IndexPage}{/block:IndexPage}
  649. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  650. <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" class="photo"/> {block:IndexPage}{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:IndexPage}
  651. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  652. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  653. {block:Permalink}
  654. <table width="500" border="0" align="center" cellpadding="0" cellspacing="4" class="notes-tags">
  655. <tr>
  656. <td width="364">Posted : {block:Date}
  657. {TimeAgo}
  658. {/block:Date}<br />
  659. Notes : {block:NoteCount} <a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  660. Reblogged from : {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  661. Posted originally by: {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>
  662. {/block:RebloggedFrom}
  663.  
  664. <br />
  665. {block:HasTags}Tag: {block:Tags}<a href="{TagURL}">{Tag}</a> | {/block:Tags}{/block:HasTags}</td>
  666. </tr>
  667. </table>
  668. {/block:Permalink}
  669. </div>
  670. {/block:Photo}
  671.  
  672. {block:Photoset}
  673. <div class="post"><div class="perma">{block:IndexPage}
  674. <p>
  675. <table width="290" border="0" cellpadding="1" cellspacing="0">
  676. <tr>
  677. <td width="21"><div class="background-permalink-notes"><a href="{Permalink}"><img src="http://i.imgur.com/gr3LM.png" border="0" class="permalink-effect"></a></div></td>
  678. <td width="21"><div class="background-permalink-notes"><a href="{ReblogURL}"><img src="http://i.imgur.com/00qB8.png" alt="reblog" border="0" class="permalink-effect"></a></div></td>
  679. <td width="60"><div class="background-permalink-notes">
  680. <div class="text-notes">{NoteCount}{/block:NoteCount}</div>
  681. </div></td>
  682. <td width="190">&nbsp;</td>
  683. </tr>
  684. {/block:IndexPage}</table>
  685. </p>
  686. </div>
  687.  
  688. {block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  689. {block:Permalink}
  690. <table width="500" border="0" align="center" cellpadding="0" cellspacing="4" class="notes-tags">
  691. <tr>
  692. <td width="364">Posted : {block:Date}
  693. {TimeAgo}
  694. {/block:Date}<br />
  695. Notes : {block:NoteCount} <a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  696. Reblogged from : {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  697. Posted originally by: {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>
  698. {/block:RebloggedFrom}
  699.  
  700. <br />
  701. {block:HasTags}Tag: {block:Tags}<a href="{TagURL}">{Tag}</a> | {/block:Tags}{/block:HasTags}</td>
  702. </tr>
  703. </table>
  704. {/block:Permalink}
  705. </div>
  706. {/block:Photoset}
  707.  
  708. {block:Quote}
  709. <div class="post"><div class="perma">{block:IndexPage}
  710. <p>
  711. <table width="290" border="0" cellpadding="1" cellspacing="0">
  712. <tr>
  713. <td width="21"><div class="background-permalink-notes"><a href="{Permalink}"><img src="http://i.imgur.com/gr3LM.png" border="0" class="permalink-effect"></a></div></td>
  714. <td width="21"><div class="background-permalink-notes"><a href="{ReblogURL}"><img src="http://i.imgur.com/00qB8.png" alt="reblog" border="0" class="permalink-effect"></a></div></td>
  715. <td width="60"><div class="background-permalink-notes">
  716. <div class="text-notes">{NoteCount}{/block:NoteCount}</div>
  717. </div></td>
  718. <td width="190">&nbsp;</td>
  719. </tr>
  720. {/block:IndexPage}</table>
  721. </p>
  722. </div><div class="padding">
  723. <a href="{Permalink}" style="border:0"><h4>"{Quote}"</h4></a>
  724. {block:Source}<p>&#8212; {Source}</p>{/block:Source}
  725. {block:Permalink}
  726. <table width="500" border="0" align="center" cellpadding="0" cellspacing="4" class="notes-tags">
  727. <tr>
  728. <td width="364">Posted : {block:Date}
  729. {TimeAgo}
  730. {/block:Date}<br />
  731. Notes : {block:NoteCount} <a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  732. Reblogged from : <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  733. Posted originally by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  734.  
  735. {/block:RebloggedFrom}
  736.  
  737. <br />
  738. {block:HasTags}Tag: {block:Tags}<a href="{TagURL}">{Tag}</a> | {/block:Tags}{/block:HasTags}</td>
  739. </tr>
  740. </table>
  741. {/block:Permalink}
  742. </div>
  743. </div>
  744. {/block:Quote}
  745.  
  746. {block:Link}
  747. <div class="post"><div class="perma">{block:IndexPage}
  748. <p>
  749. <table width="290" border="0" cellpadding="1" cellspacing="0">
  750. <tr>
  751. <td width="21"><div class="background-permalink-notes"><a href="{Permalink}"><img src="http://i.imgur.com/gr3LM.png" border="0" class="permalink-effect"></a></div></td>
  752. <td width="21"><div class="background-permalink-notes"><a href="{ReblogURL}"><img src="http://i.imgur.com/00qB8.png" alt="reblog" border="0" class="permalink-effect"></a></div></td>
  753. <td width="60"><div class="background-permalink-notes">
  754. <div class="text-notes">{NoteCount}{/block:NoteCount}</div>
  755. </div></td>
  756. <td width="190">&nbsp;</td>
  757. </tr>
  758. {/block:IndexPage}</table>
  759. </p>
  760. </div><div class="padding">
  761. <h2><a href="{URL}">{Name}</a></h2>
  762. <a href="{Permalink}" style="border:0">{block:Description}{Description}{/block:Description}</a>
  763. {block:Permalink}
  764. <table width="500" border="0" align="center" cellpadding="0" cellspacing="4" class="notes-tags">
  765. <tr>
  766. <td width="364">Posted : {block:Date}
  767. {TimeAgo}
  768. {/block:Date}<br />
  769. Notes : {block:NoteCount} <a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  770. Reblogged from : {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  771. Posted originally by: {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>
  772. {/block:RebloggedFrom}
  773.  
  774. <br />
  775. {block:HasTags}Tag: {block:Tags}<a href="{TagURL}">{Tag}</a> | {/block:Tags}{/block:HasTags}</td>
  776. </tr>
  777. </table>
  778. {/block:Permalink}
  779. </div>
  780. </div>
  781. {/block:Link}
  782.  
  783. {block:Chat}
  784. <div class="post"><div class="perma">{block:IndexPage}
  785. <p>
  786. <table width="290" border="0" cellpadding="1" cellspacing="0">
  787. <tr>
  788. <td width="21"><div class="background-permalink-notes"><a href="{Permalink}"><img src="http://i.imgur.com/gr3LM.png" border="0" class="permalink-effect"></a></div></td>
  789. <td width="21"><div class="background-permalink-notes"><a href="{ReblogURL}"><img src="http://i.imgur.com/00qB8.png" alt="reblog" border="0" class="permalink-effect"></a></div></td>
  790. <td width="60"><div class="background-permalink-notes">
  791. <div class="text-notes">{NoteCount}{/block:NoteCount}</div>
  792. </div></td>
  793. <td width="190">&nbsp;</td>
  794. </tr>
  795. {/block:IndexPage}</table>
  796. </p>
  797. </div>
  798. <div class="padding">
  799. {block:Title}
  800. <h3><a href="{Permalink}">{Title}</a></h3>
  801. {/block:Title}</br>
  802. {block:Lines}
  803. {block:Label}
  804. <span class="label">{Label}</span>
  805. {/block:Label}
  806.  
  807. <div class="chatline"> {Line}</div>
  808. {/block:Lines}
  809. {block:Permalink}
  810. <table width="500" border="0" align="center" cellpadding="0" cellspacing="4" class="notes-tags">
  811. <tr>
  812. <td width="364">Posted : {block:Date}
  813. {TimeAgo}
  814. {/block:Date}<br />
  815. Notes : {block:NoteCount} <a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  816. Reblogged from : {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  817. Posted originally by: {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>
  818. {/block:RebloggedFrom}
  819.  
  820. <br />
  821. {block:HasTags}Tag: {block:Tags}<a href="{TagURL}">{Tag}</a> | {/block:Tags}{/block:HasTags}</td>
  822. </tr>
  823. </table>
  824. {/block:Permalink}
  825. </div>
  826. </div>
  827. {/block:Chat}
  828.  
  829. {block:Audio}
  830. <div class="post"><div class="perma">{block:IndexPage}
  831. <p>
  832. <table width="290" border="0" cellpadding="1" cellspacing="0">
  833. <tr>
  834. <td width="21"><div class="background-permalink-notes"><a href="{Permalink}"><img src="http://i.imgur.com/gr3LM.png" border="0" class="permalink-effect"></a></div></td>
  835. <td width="21"><div class="background-permalink-notes"><a href="{ReblogURL}"><img src="http://i.imgur.com/00qB8.png" alt="reblog" border="0" class="permalink-effect"></a></div></td>
  836. <td width="60"><div class="background-permalink-notes">
  837. <div class="text-notes">{NoteCount}{/block:NoteCount}</div>
  838. </div></td>
  839. <td width="190">&nbsp;</td>
  840. </tr>
  841. {/block:IndexPage}</table>
  842. </p>
  843. </div>
  844.  
  845. {block:AlbumArt}<img src="{AlbumArtURL}" class="album2">{/block:AlbumArt}
  846. <div class="audioplayer">{AudioPlayerBlack}<br>
  847. <div class="chatline">
  848. <ul>
  849. <li>{block:Artist} {Artist} {/block:Artist}</li>
  850. <li> {block:TrackName} {TrackName}
  851. {/block:TrackName} </li>
  852.  
  853. <li> {block:Album} {Album} {/block:Album} </li>
  854. <li> {PlayCountWithLabel}</li>
  855. </ul>
  856. </div>
  857. </div>
  858. {block:Caption}{Caption}{/block:Caption}
  859. {block:Permalink}
  860. <table width="500" border="0" align="center" cellpadding="0" cellspacing="4" class="notes-tags">
  861. <tr>
  862. <td width="364">Posted : {block:Date}
  863. {TimeAgo}
  864. {/block:Date}<br />
  865. Notes : {block:NoteCount} <a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  866. Reblogged from : {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  867. Posted originally by: {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>
  868. {/block:RebloggedFrom}
  869.  
  870. <br />
  871. {block:HasTags}Tag: {block:Tags}<a href="{TagURL}">{Tag}</a> | {/block:Tags}{/block:HasTags}</td>
  872. </tr>
  873. </table>
  874. {/block:Permalink}
  875. </div>
  876. {/block:Audio}
  877.  
  878. {block:Answer}
  879. <div class="post"><div class="perma">{block:IndexPage}
  880. <p>
  881. <table width="290" border="0" cellpadding="1" cellspacing="0">
  882. <tr>
  883. <td width="21"><div class="background-permalink-notes"><a href="{Permalink}"><img src="http://i.imgur.com/gr3LM.png" border="0" class="permalink-effect"></a></div></td>
  884. <td width="21"><div class="background-permalink-notes"><a href="{ReblogURL}"><img src="http://i.imgur.com/00qB8.png" alt="reblog" border="0" class="permalink-effect"></a></div></td>
  885. <td width="60"><div class="background-permalink-notes">
  886. <div class="text-notes">{NoteCount}{/block:NoteCount}</div>
  887. </div></td>
  888. <td width="190">&nbsp;</td>
  889. </tr>
  890. {/block:IndexPage}</table>
  891. </p>
  892. </div>
  893. <div class="padding">
  894. <a href="{Permalink}" style="border:0"><b>{Asker}: {Question}</b>
  895. {Answer}</a>
  896. {block:Permalink}
  897. <table width="500" border="0" align="center" cellpadding="0" cellspacing="4" class="notes-tags">
  898. <tr>
  899. <td width="364">Posted : {block:Date}
  900. {TimeAgo}
  901. {/block:Date}<br />
  902. Notes : {block:NoteCount} <a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  903. Reblogged from : {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  904. Posted originally by: {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>
  905. {/block:RebloggedFrom}
  906.  
  907. <br />
  908. {block:HasTags}Tag: {block:Tags}<a href="{TagURL}">{Tag}</a> | {/block:Tags}{/block:HasTags}</td>
  909. </tr>
  910. </table>
  911. {/block:Permalink}
  912. </div>
  913. </div>
  914. {/block:answer}
  915.  
  916. {block:Video}
  917. <div class="post">
  918. <div class="video"><div class="perma">{block:IndexPage}
  919. <p>
  920. <table width="290" border="0" cellpadding="1" cellspacing="0">
  921. <tr>
  922. <td width="21"><div class="background-permalink-notes"><a href="{Permalink}"><img src="http://i.imgur.com/gr3LM.png" border="0" class="permalink-effect"></a></div></td>
  923. <td width="21"><div class="background-permalink-notes"><a href="{ReblogURL}"><img src="http://i.imgur.com/00qB8.png" alt="reblog" border="0" class="permalink-effect"></a></div></td>
  924. <td width="60"><div class="background-permalink-notes">
  925. <div class="text-notes">{NoteCount}{/block:NoteCount}</div>
  926. </div></td>
  927. <td width="190">&nbsp;</td>
  928. </tr>
  929. {/block:IndexPage}</table>
  930. </p>
  931. </div>
  932.  
  933. {block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  934. {block:IndexPage}{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:IndexPage}
  935. </div>
  936. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  937. {block:Permalink}
  938. <table width="500" border="0" align="center" cellpadding="0" cellspacing="4" class="notes-tags">
  939. <tr>
  940. <td width="364">Posted : {block:Date}
  941. {TimeAgo}
  942. {/block:Date}<br />
  943. Notes : {block:NoteCount} <a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  944. Reblogged from : {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  945. Posted originally by: {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>
  946. {/block:RebloggedFrom}
  947.  
  948. <br />
  949. {block:HasTags}Tag: {block:Tags}<a href="{TagURL}">{Tag}</a> | {/block:Tags}{/block:HasTags}</td>
  950. </tr>
  951. </table>
  952. {/block:Permalink}
  953.  
  954. </div>
  955. {/block:Video}
  956. {/block:Posts}
  957. </div>
  958. {block:PermalinkPage} <br />
  959. <br />
  960. <table width="994" border="0" align="center" cellpadding="0" cellspacing="0">
  961. <tr>
  962. <td width="30">&nbsp;</td>
  963. <td width="964"><div class="postnotes">
  964. <div align="left">
  965. <table width="400" border="0" align="center" cellpadding="0" cellspacing="2">
  966. <tr>
  967. <td><a href="javascript:history.back()" class="Title">Back to the previous page</a></td>
  968. </tr>
  969. </table>
  970. <span class="Title"><a href="javascript:history.back()"></a></span>
  971. {block:PostNotes}
  972. {PostNotes}
  973. {/block:PostNotes} </div>
  974. </div></td>
  975. </tr>
  976. </table>
  977. {/block:PermalinkPage}</div>
  978. <ul id="pagination" class="opacity">
  979. <li>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{lang:PREV}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">{/block:NextPage}{lang:NEXT}{block:NextPage}</a>{/block:NextPage}
  980. {/block:Pagination}</li></ul>
  981. </div>
  982. </div>
  983. <div id="theme"><a href="http://mrcharlieagron.tumblr.com/" target="_blank"><img src="http://i.imgur.com/ibFMA.png" class="theme-img" width="169" height="21" border="0" /></a></div>
  984. <div id="up"> <table width="43" border="0" cellpadding="0" cellspacing="0" class="top">
  985. <tr>
  986. <td><div align="center"><a href='#' id='arriba'><img src="http://i.imgur.com/fhQj9.png" /></a></div></td>
  987. </tr>
  988. </table></div>
  989. </body>
  990. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!