API tools faq
paste
CharlieAgronThemes

Theme #4 "Polaroid" - Charlie Agron Themes

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