Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

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

By: CharlieAgronThemes on May 17th, 2012  |  syntax: None  |  size: 32.66 KB  |  hits: 1,384  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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>
create a new version of this paste RAW Paste Data